@import url(https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Righteous&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sora&display=swap);.awesome-cursor{align-items:center;border:1px solid #0000;border-radius:10px;display:flex;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:transform .3s ease-out,height .3s ease-out,width .3s ease-out,filter .3s ease-out,background-color .3s ease-in-out,border-radius .3s ease-out,border-color .3s ease-out,-webkit-backdrop-filter .3s ease-out;transition:transform .3s ease-out,height .3s ease-out,width .3s ease-out,backdrop-filter .3s ease-out,filter .3s ease-out,background-color .3s ease-in-out,border-radius .3s ease-out,border-color .3s ease-out;transition:transform .3s ease-out,height .3s ease-out,width .3s ease-out,backdrop-filter .3s ease-out,filter .3s ease-out,background-color .3s ease-in-out,border-radius .3s ease-out,border-color .3s ease-out,-webkit-backdrop-filter .3s ease-out;z-index:200}.awesome-cursor.blend{mix-blend-mode:difference}.awesome-cursor.blur{filter:blur(10px)}.awesome-cursor.backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.awesome-cursor.border{border-color:#fff}*{cursor:none;scrollbar-color:#2c3e50;scrollbar-color:rgba(var(--color1),1)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#3498db;background:rgba(var(--color3),1);-webkit-transition:1s;transition:1s}::-webkit-scrollbar-thumb{background-color:#2c3e50;background-color:rgba(var(--color1),1);border:3px solid #3498db;border:3px solid rgba(var(--color3),1);border-radius:20px;-webkit-transition:1s;transition:1s}#theme-info-popup{align-items:center;animation:pop-in-slow 1s 2s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2c3e5080;background-color:rgba(var(--color1),.5);border:1px solid #ffffff5e;border-bottom:none;border-top-left-radius:15px;border-top-right-radius:15px;bottom:0;box-shadow:0 6px 12px -2px #32325d40,0 3px 7px -3px #0000004d;color:#3498db;color:rgba(var(--color3),1);display:flex;font-family:Racing Sans One,serif;gap:7.5px;opacity:0;padding:10px;position:fixed;right:10px;transform:scale(.95);transition:background-color 1s,color 1s;-webkit-user-select:none;user-select:none;z-index:100}#theme-info-popup:before{background-color:#0a0a0a40;border-top-left-radius:15px;border-top-right-radius:15px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:80}#theme-info-popup svg{animation:rotate-infinite 5s linear infinite}@keyframes rotate-infinite{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pop-in-slow{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}.container{overflow:hidden}main{height:100vh;margin-top:8rem}@media only screen and (max-width:1024px){main{height:55vh;margin-top:5rem}}.parent{animation:gradient 10s ease infinite;background:radial-gradient(circle at center,#2c3e50,#e74c3c,#2c3e50,#e74c3c);background:radial-gradient(circle at center,rgba(var(--color1),1),rgba(var(--color2),1),rgba(var(--color1),1),rgba(var(--color2),1));background-size:400% 400%}@keyframes gradient{0%{background-position:50%}50%{background-position:100% 100%}to{background-position:50%}}.container{background-color:#2c3e50a6;background-color:rgba(var(--color1),.65)}.github-symbol{margin-right:.5rem}.menu-symbol{color:#e74c3c;color:rgba(var(--color2),1);font-size:3rem;opacity:.9;padding:.4rem .2rem}main{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:2rem}#name-container{color:#fffc;font-family:Righteous,cursive;height:100%;position:relative;width:100%}#name-container h2{-webkit-text-stroke:5px #2c3e50;-webkit-text-stroke:5px rgba(var(--color1),1);animation:text-reveal 2s 1s forwards;font-size:10vw;font-style:normal;font-weight:400;opacity:0;position:absolute;transform:translateX(10px);transition:-webkit-text-stroke 1s;width:100%;z-index:100}#name-container h2:first-child{padding-left:3.5vw;text-align:left;top:0}#name-container h2:nth-child(2){padding-right:14vw;text-align:right;top:18vh}#name-container h3{-webkit-text-stroke:3px #2c3e50;-webkit-text-stroke:3px rgba(var(--color1),1);animation:text-reveal 2s 2s forwards;font-size:5vw;font-style:normal;font-weight:400;opacity:0;padding-right:15vw;position:absolute;text-align:center;top:42vh;transform:translateY(10px);transition:-webkit-text-stroke 1s;width:100%;z-index:100}@keyframes text-reveal{0%{opacity:0}to{opacity:1}}#name-container .circle{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30%;box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;outline:1px solid #ffffff80;position:relative;position:absolute;transition:background 2s;z-index:50}#name-container .circle:before{background:url(/static/media/noise.d26c3894a94f55020e6f.svg) repeat;border-radius:30%;content:"";height:100%;left:0;opacity:.075;position:absolute;top:0;width:100%}#name-container .circle:first-of-type{animation:circle-up-down 3s ease-in-out infinite;animation-delay:2s;background:linear-gradient(162deg,#0000,#e74c3c);background:linear-gradient(162deg,#0000,rgba(var(--color2),1));height:21vw;left:15vw;top:0;width:21vw}#name-container .circle:nth-of-type(2){animation:circle-up-down 2.5s ease-in-out infinite;animation-delay:2s;background:linear-gradient(162deg,#0000,#3498db);background:linear-gradient(162deg,#0000,rgba(var(--color3),1));height:35vw;left:28vw;top:5rem;width:35vw}.services{background-color:#00000080;border:1px solid #fff6;border-radius:15px;margin:0 1rem;overflow:hidden;position:relative}.services:before{background:url(/static/media/noise.d26c3894a94f55020e6f.svg);border-radius:15px;content:"";height:100%;opacity:.1;position:absolute;right:0;top:0;width:100%;z-index:-1}.services h4{background-color:#0003;border-bottom:1px solid #fff6;border-bottom-right-radius:15px;border-right:1px solid #fff6;box-shadow:inset 0 -23px 25px 0 #0000002b,inset 0 -36px 30px 0 #00000026,inset 0 -79px 40px 0 #0000001a,0 2px 1px #0000000f,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;color:#ffffffbf;display:inline-block;font-family:Sora,sans-serif;font-size:30px;font-weight:lighter;height:60px;margin:0 2vw 1rem 0;padding:10px}.services .services-container{font-family:Rubik Mono One,sans-serif;padding:0 2vw 2vh 0;text-align:center}.services .services-container span{color:#3498dbd9;color:rgba(var(--color3),.85);display:inline-block;font-size:3vw;font-style:normal;font-weight:400;margin-left:2vw;word-spacing:-1rem}.services .services-container span:first-child,.services .services-container span:nth-child(10),.services .services-container span:nth-child(3),.services .services-container span:nth-child(5),.services .services-container span:nth-child(8){color:#e74c3cd9;color:rgba(var(--color2),.85)}@media only screen and (max-width:1024px){main{display:block}#name-container h2{-webkit-text-stroke:2px #2c3e50;-webkit-text-stroke:2px rgba(var(--color1),1)}#name-container h2:first-child{text-align:left}#name-container h2:nth-child(2){text-align:right;top:10vh}#name-container h3{-webkit-text-stroke:1.5px #2c3e50;-webkit-text-stroke:1.5px rgba(var(--color1),1);top:23vh}#name-container .circle:first-of-type{height:28vw;top:-5vh;width:28vw}#name-container .circle:nth-of-type(2){height:45vw;top:4vh;width:45vw}.services .services-container span{word-spacing:-.5rem}}nav{height:8rem;position:fixed;transition:height .75s;width:100%;z-index:150}@media only screen and (max-width:1024px){nav{height:5rem}.nav-links a{display:none}.nav-menu-button{display:block}}nav{align-items:center;display:flex;font-family:Sora,sans-serif;justify-content:space-between}nav h1{-webkit-text-stroke:1px #2c3e50;-webkit-text-stroke:1px rgba(var(--color1),1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#2c3e50a6;background:rgba(var(--color1),.65);border-radius:35px;box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;color:#fff;font-family:Righteous,cursive;font-size:2.5vh;font-weight:400;left:15px;outline:1px solid #fff6;overflow:hidden;position:relative;text-align:center;text-transform:uppercase;width:50%}nav h1 .h1-circle{border-radius:30%;margin-left:45%;position:absolute;visibility:none}nav h1 .h1-circle:nth-child(2){animation:circle-up-down 2.5s ease-in-out infinite;background:linear-gradient(162deg,#0000,#3498db);background:linear-gradient(162deg,#0000,rgba(var(--color3),1));height:4rem;left:-40px;top:1px;width:4rem}nav h1 .h1-circle:first-child{animation:circle-up-down 3s ease-in-out infinite;background:linear-gradient(162deg,#0000,#e74c3c);background:linear-gradient(162deg,#0000,rgba(var(--color2),1));height:7rem;left:10px;top:-3rem;width:7rem}@keyframes circle-up-down{50%{transform:translateY(-4vh) rotate(10deg)}}nav h1 span{position:relative;transition:margin .25s}nav h1:hover span{margin:0!important}nav .nav-links{display:flex;gap:45px;height:100%;justify-content:flex-end;padding-right:10%;width:50%}nav .nav-links a{color:#2c3e50;color:rgba(var(--color1),1);font-size:20px;left:-20px;opacity:0;padding:.4rem;position:relative;text-decoration:none;top:-30px;transition:.2s}nav .nav-links a:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3498db8c;background:rgba(var(--color3),.55);border:1px solid #fff;bottom:-10px;box-shadow:0 2px 1px #00000017,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;content:"";left:-10px;position:absolute;right:-35px;top:-30px;transform:skew(35deg,0deg);transition:transform .2s,background-color 1s,border-radius .15s;z-index:-1}nav .nav-links a:first-child:before{border-bottom-left-radius:20px}nav .nav-links a:last-child:before{border-bottom-right-radius:25px}nav .nav-links a span{display:inline-block;height:100%;left:32%;position:relative;top:50%;transition:transform .2s,background-color 1s;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}nav .nav-links a:hover:before{transform:skew(35deg,0deg) translateY(25px)}nav .nav-links a:hover span{transform:translateY(15px) translateX(10px)}nav .nav-links a:active:before{transform:skew(35deg,0deg) translateY(20px)}nav .nav-links a:active span{transform:translateY(20px) translateX(15px)}.nav-menu-button{display:none;position:fixed;right:2rem;top:1rem;z-index:350}.nav-menu-button-inner{position:absolute;right:2rem;top:1rem}.full-menu-wrapper{align-items:center;bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:space-around;left:0;padding:10rem 0;position:fixed;right:0;top:0;transition:.5s;width:100vw}.full-menu-wrapper a{color:#fff;font-family:Racing Sans One,serif;font-size:3rem;text-align:center;text-decoration:none;transition:.1s}.full-menu-wrapper a:hover{color:#3498db;color:rgba(var(--color3),1)}@media only screen and (max-width:1024px){.nav-links a{display:none}.nav-menu-button{display:inline-block}.nav-links{justify-content:flex-end}}#projects{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border:1px solid #fff6;border-radius:15px;height:80vh;margin:1rem 1rem 2rem;min-height:80vh;overflow:hidden;position:relative}#projects:before{background:url(/static/media/noise.d26c3894a94f55020e6f.svg);border-radius:15px;content:"";height:100%;opacity:.1;position:absolute;right:0;top:0;width:100%}#projects h4{background-color:#0003;border-bottom:1px solid #fff6;border-bottom-right-radius:15px;border-right:1px solid #fff6;box-shadow:inset 0 -23px 25px 0 #0000002b,inset 0 -36px 30px 0 #00000026,inset 0 -79px 40px 0 #0000001a,0 2px 1px #0000000f,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;color:#ffffffbf;display:inline-block;font-family:Sora,sans-serif;font-size:30px;font-weight:lighter;height:60px;margin:0 2vw 1rem 0;padding:10px}#projects #projects-slides{bottom:0;height:calc(100% - 60px);left:0;position:absolute;width:100%}#projects #projects-slides div.project-slide{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#2c3e5080;background-color:rgba(var(--color1),.5);border:1px solid #fff6;border-radius:20px;box-shadow:0 30px 90px #0006,inset 0 30px 60px -12px #e74c3c26,inset 0 18px 36px -18px #0000004d;box-shadow:#0006 0 30px 90px,rgba(var(--color2),.15) 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;color:#fff;font-family:Racing Sans One,serif;height:calc(100% - 40px);margin:20px;padding:10px;position:absolute;width:calc(100% - 40px)}#projects #projects-slides div.project-slide .project-name{background:#1b26314d;background:rgba(var(--color4),.3);border:1px solid #fff6;border-radius:30px;color:#ffffffe6;display:inline-block;font-size:29px;margin-left:10px;margin-top:10px;padding:2px 15px}#projects #projects-slides div.project-slide .project-name span.project-icon{display:inline-flex;font-size:20px;height:100%;margin-right:8px}#projects #projects-slides div.project-slide .project-name span.project-icon svg{animation:rotate 8s linear infinite;opacity:.5}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#projects #projects-slides div.project-slide .project-content{display:flex;height:100%}#projects #projects-slides div.project-slide .project-content-image{align-items:center;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;display:flex;height:100%;justify-content:center;width:50%}#projects #projects-slides div.project-slide .project-content-image img{background-color:#ffffffbf;border-radius:40px;max-height:400px;max-width:100%;opacity:.75}#projects #projects-slides div.project-slide .project-content-description{align-items:center;display:flex;font-family:Sora,sans-serif;height:100%;justify-content:center;padding:10px 20px;width:50%}#projects #projects-slides div.project-slide .project-content-description-details{background-color:#0006;border:1px solid #fff6;border-radius:20px;box-shadow:0 30px 90px #0006,inset 0 30px 60px -12px #e74c3c1a,inset 0 18px 36px -18px #0000004d;box-shadow:#0006 0 30px 90px,rgba(var(--color2),.1) 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;display:inline-block;padding:30px 20px 30px 50px;width:100%}#projects #projects-slides div.project-slide .project-content-description-details ul li{margin-bottom:20px}:root{--color1:44,62,80;--color2:231,76,60;--color3:52,152,219;--color4:27,38,49;--color5:211,84,0}.contact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000080;border:1px solid #fff6;border-radius:15px;height:80vh;margin:1rem 1rem 2rem;min-height:80vh;overflow:hidden;position:relative}.contact:before{background:url(/static/media/noise.d26c3894a94f55020e6f.svg);border-radius:15px;content:"";height:100%;opacity:.1;position:absolute;right:0;top:0;width:100%}.contact .item-heading,.contact h4{background-color:#0003;border-bottom:1px solid #fff6;border-bottom-right-radius:15px;border-right:1px solid #fff6;box-shadow:inset 0 -23px 25px 0 #0000002b,inset 0 -36px 30px 0 #00000026,inset 0 -79px 40px 0 #0000001a,0 2px 1px #0000000f,0 4px 2px #00000017,0 8px 4px #00000017,0 16px 8px #00000017,0 32px 16px #00000017;color:#ffffffbf;display:inline-block;font-family:Sora,sans-serif;font-size:30px;font-weight:lighter;height:60px;margin:0 2vw 1rem 0;padding:10px}.contact-content{bottom:0;display:flex;height:calc(100% - 60px);left:0;position:absolute;width:100%}.contact-content>div{margin:30px;overflow:hidden}.contact-content-left{width:35%}.contact-content-left-content{display:flex;height:100%;justify-content:center}.contact-content-left-content-text{color:#ffffffe6;display:flex;flex-direction:column;font-family:Rubik Mono One,sans-serif;font-size:70px;text-shadow:6px 6px 0 #e74c3cbf;text-shadow:6px 6px 0 rgba(var(--color2),.75)}.contact-content-left-content-text span:nth-child(2),.contact-content-left-content-text span:nth-child(4){text-align:right}.contact-content-right{background-color:#0006;border:1px solid #fff6;border-radius:20px;box-shadow:0 30px 90px #0006,inset 0 30px 60px -12px #e74c3c1a,inset 0 18px 36px -18px #0000004d;box-shadow:#0006 0 30px 90px,rgba(var(--color2),.1) 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;width:65%}.contact-content-right-content{height:100%;padding:20px 40px}.contact-content-right-content form .form-group{display:flex;justify-content:space-evenly;margin-bottom:15px}.contact-content-right-content form .form-group label{color:hsla(0,0%,100%,.855);font-family:Sora,sans-serif;font-size:25px;width:20%}.contact-content-right-content form .form-group input,.contact-content-right-content form .form-group textarea{background-color:rgba(0,0,0,.584);border:1px solid #fff6;border-radius:10px;color:#fff;font-size:20px;padding:10px;width:80%}.contact-content-right-content form .form-group textarea{height:200px}.contact-content-right-content form .submit-button-container{display:flex;justify-content:flex-end}.contact-content-right-content form .submit-button-container button{background-color:rgba(0,0,0,.584);border:1px solid #fff6;border-radius:10px;box-shadow:0 30px 90px #0006,inset 0 30px 60px -12px #e74c3c1a,inset 0 18px 36px -18px #0000004d;box-shadow:#0006 0 30px 90px,rgba(var(--color2),.1) 0 30px 60px -12px inset,#0000004d 0 18px 36px -18px inset;color:hsla(0,0%,100%,.831);font-size:30px;padding:5px 20px}
/*# sourceMappingURL=main.08ea5691.css.map*/