@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap);.preloader-container{height:100vh;width:100%;background:#fff;background:var(--bg-color);z-index:100;display:flex;align-items:center;justify-content:center;position:fixed;-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);transition:all .25s ease}.preloader-container.close{-webkit-clip-path:circle(0 at 50% 50%);clip-path:circle(0 at 50% 50%)}.preloader-container .preloader{border:5px solid #101010;border:5px solid var(--text-color);border-top:5px solid transparent;border-radius:50%;width:50px;height:50px;-webkit-animation:spin .5s linear infinite;animation:spin .5s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{margin:0;padding:0;box-sizing:border-box}html[data-theme=dark]{--bg-color:#101010;--text-color:#ddd}html{--bg-color:#fff;--text-color:#101010}body{font-family:-apple-system,BlinkMacSystemFont,"Oswald","Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;text-transform:uppercase;background:#fff;background:var(--bg-color);color:#101010;color:var(--text-color);scroll-behavior:smooth;transition:background .25s ease,color .5s ease}body a{text-decoration:none;color:currentColor;transition:.25 ease}body a:hover{opacity:.8}body footer{height:3rem;display:flex;align-items:flex-end;justify-content:center}body::-webkit-scrollbar{display:none}.header{width:100%;top:0;height:3rem;position:fixed}.header .nav{padding:0 5%;width:inherit;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.header .nav .logo{margin-right:auto}.header .nav .logo svg{width:50px;height:33px;fill:currentColor}.header .nav .theme{margin-right:30px;font-size:2rem}.header .nav .burger{z-index:2;width:30px;height:30px;position:relative;cursor:pointer}.header .nav .burger .line{top:16px}.header .nav .burger .line,.header .nav .burger .line:before{position:absolute;height:3px;width:30px;background:currentColor;transition:all .25s ease}.header .nav .burger .line:before{content:"";top:-8px}.header .nav .burger .line:after{content:"";position:absolute;top:8px;height:3px;width:30px;background:currentColor;transition:all .25s ease}.header .nav .burger .line.open{transform:rotate(180deg);background:transparent}.header .nav .burger .line.open:before{transform:rotate(45deg) translate(4px,8px)}.header .nav .burger .line.open:after{transform:rotate(-45deg) translate(4px,-8px)}.wrapper{width:100%}#about,#home,#projects{min-height:100vh;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;padding:0 20%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column}#about .main-text,#home .main-text,#projects .main-text{padding:50px 0}#about h1,#home h1,#projects h1{font-size:4rem}#about p,#home p,#projects p{text-transform:none;font-size:1.2rem}#about .main-buttons-container,#home .main-buttons-container,#projects .main-buttons-container{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;width:100%}#about .main-buttons-container a,#home .main-buttons-container a,#projects .main-buttons-container a{margin-right:10px}#about .proj,#home .proj,#projects .proj{margin:40px 0;height:120px;overflow:hidden;transition:all .25s ease;width:100%}#about .proj .details .subtitles,#home .proj .details .subtitles,#projects .proj .details .subtitles{display:flex;align-items:center}#about .proj .details .subtitles .description,#home .proj .details .subtitles .description,#projects .proj .details .subtitles .description{margin-right:15px}#about .proj .details .subtitles .link,#home .proj .details .subtitles .link,#projects .proj .details .subtitles .link{height:-webkit-max-content;height:-moz-max-content;height:max-content;margin-right:15px;display:flex;align-items:center;justify-content:center}#about .proj .dropdown,#home .proj .dropdown,#projects .proj .dropdown{margin-top:10px}#about .proj .dropdown img,#home .proj .dropdown img,#projects .proj .dropdown img{width:85%}#about .proj:hover,#home .proj:hover,#projects .proj:hover{height:700px}#about .about-container,#home .about-container,#projects .about-container{margin-top:40px;display:flex;align-items:center;justify-content:center;flex-direction:column}#about .about-container img,#home .about-container img,#projects .about-container img{height:150px;border-radius:50%}#about .about-container .about-details,#home .about-container .about-details,#projects .about-container .about-details{display:flex;align-items:flex-start;justify-content:center;flex-direction:row}#about .about-container .about-details .overview,#about .about-container .about-details .tools,#home .about-container .about-details .overview,#home .about-container .about-details .tools,#projects .about-container .about-details .overview,#projects .about-container .about-details .tools{width:50%}#about .about-container .about-details .overview p,#about .about-container .about-details .tools p,#home .about-container .about-details .overview p,#home .about-container .about-details .tools p,#projects .about-container .about-details .overview p,#projects .about-container .about-details .tools p{text-transform:none;line-height:1.6}#about .about-container .about-details .tools,#home .about-container .about-details .tools,#projects .about-container .about-details .tools{display:flex;align-items:flex-end;justify-content:center;flex-direction:column}#about .about-container .about-details .tools ul,#home .about-container .about-details .tools ul,#projects .about-container .about-details .tools ul{list-style:none;text-align:left}#about .about-container .about-details .tools ul li,#home .about-container .about-details .tools ul li,#projects .about-container .about-details .tools ul li{text-align:right;font-size:1.2rem}@media (max-width:800px){#about,#home,#projects{padding:0 10%}#about .proj,#home .proj,#projects .proj{height:-webkit-max-content;height:-moz-max-content;height:max-content}#about .proj .dropdown,#home .proj .dropdown,#projects .proj .dropdown{margin-top:10px}#about .proj .dropdown img,#home .proj .dropdown img,#projects .proj .dropdown img{width:100%}#about .about-container .about-details,#home .about-container .about-details,#projects .about-container .about-details{display:flex;align-items:flex-start;justify-content:center;flex-direction:column}#about .about-container .about-details .overview,#about .about-container .about-details .tools,#home .about-container .about-details .overview,#home .about-container .about-details .tools,#projects .about-container .about-details .overview,#projects .about-container .about-details .tools{width:100%}#about h1,#home h1,#projects h1{font-size:2rem}#about p,#home p,#projects p{text-transform:none;font-size:1rem}}.menu-container{position:absolute;height:100vh;width:100%;top:0;bottom:0;right:0;left:0;background:#fff;background:var(--bg-color);position:fixed;-webkit-clip-path:circle(0 at 100% -10%);clip-path:circle(0 at 100% -10%);transition:all .5s ease;display:flex;align-items:center;justify-content:center;flex-direction:row}.menu-container.open{-webkit-clip-path:circle(150% at 100% -10%);clip-path:circle(150% at 100% -10%)}.menu-container .menu{align-items:flex-end;justify-content:center;justify-content:space-evenly;font-size:2rem;font-weight:700}.menu-container .menu,.menu-container .port{padding:5%;height:100vh;width:50%;display:flex;flex-direction:column}.menu-container .port{align-items:flex-start;justify-content:center;opacity:.7}.menu-container .port .links{margin-top:20px}.menu-container .port .links a{margin-right:10px}.menu-container .port .theme{cursor:pointer;margin-top:20px;font-size:1rem}.menu-container .port .theme:hover{opacity:.8}
/*# sourceMappingURL=main.0574eaeb.chunk.css.map */