body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#App{background-color:#283155;display:none;font-weight:500;text-align:center;text-align:start}#App,button{font-family:Baloo\ 2}button{background-color:initial;border:0 solid;box-shadow:inset 0 0 .2vw #fff0;color:#93da9e;cursor:pointer;font-size:1.2vw;font-weight:600;outline:.1vw solid;outline-color:#93da9e(255,255,255,.5);outline-offset:0;padding:.8vw 3vw;text-shadow:none;transition:all 1.25s cubic-bezier(.19,1,.22,1)}button:hover{border:1px solid;box-shadow:inset 0 0 20px #ffffff1a,0 0 20px #ffffff1a;outline-color:#fff0;outline-offset:15px;transform:scale(1.05)}.title{font-size:3.7vw}#wrapper{background-image:url(/portfolio/static/media/wrapper.c439d474d6640c378ef7.jpeg);background-size:cover}#container{-webkit-font-smoothing:antialiased;background-attachment:fixed;background-color:#141a2a;background-size:100% 100%;bottom:0;font-family:Baloo\ 2;left:0;overflow:hidden;position:absolute;right:0;top:0;transition:all 1s ease-in-out;width:100%}::selection{background:#0000}#container:before{background:#0000;border-radius:100%;box-shadow:0 0 150px 100px #283155cc,200px 0 200px 150px #283155cc,-250px 0 300px 150px #283155cc,550px 0 300px 200px #283155cc,-550px 0 300px 200px #283155cc;content:"";height:0;width:0}#container:before,h1{display:block;left:0;margin:auto;position:absolute;right:0;top:0}h1{bottom:0;cursor:default;height:100px;opacity:0;text-align:center;transition:all 2.5s ease;width:100%;z-index:1}h1 span{-webkit-animation:bounce 2s ease infinite alternate;color:#fff;display:inline-block;font-size:4.5rem;position:relative;text-shadow:0 1px 0 #ccc,0 2px 0 #ccc,0 3px 0 #ccc,0 4px 0 #ccc,0 5px 0 #ccc,0 6px 0 #0000,0 7px 0 #0000,0 8px 0 #0000,0 9px 0 #0000,0 10px 10px #28315580}h1 span:nth-child(2){-webkit-animation-delay:.1s}h1 span:nth-child(3){-webkit-animation-delay:.2s}h1 span:nth-child(4){-webkit-animation-delay:.3s}h1 span:nth-child(5){-webkit-animation-delay:.4s}h1 span:nth-child(6){-webkit-animation-delay:.5s}h1 span:nth-child(7){-webkit-animation-delay:.6s}h1 span:nth-child(8){-webkit-animation-delay:.2s}h1 span:nth-child(9){-webkit-animation-delay:.3s}h1 span:nth-child(10){-webkit-animation-delay:.4s}h1 span:nth-child(11){-webkit-animation-delay:.5s}h1 span:nth-child(12){-webkit-animation-delay:.6s}h1 span:nth-child(13){-webkit-animation-delay:.7s}h1 span:nth-child(14){-webkit-animation-delay:.8s}@keyframes moveObject{0%{transform:translateY(100%)}to{transform:translate(100%)}}.moving-object{background-color:red;height:50px;position:absolute;width:50px}.star{animation:animate 8s linear infinite;background:#fff;border-radius:50%;box-shadow:0 0 0 4px #ffffff1a,0 0 0 8px #ffffff1a,0 0 20px #ffffff1a;height:4px;left:50%;opacity:0;width:4px}.star,.star:before{position:absolute;top:50%}.star:before{background:linear-gradient(90deg,#ff0,#0000);content:"";height:1px;transform:translateY(-50%);width:300px}@keyframes animate{0%{opacity:1;transform:rotate(315deg) translateX(0)}70%{opacity:1}to{opacity:0;transform:rotate(315deg) translateX(-1000px)}}.star:first-child{animation-delay:.2s;animation-duration:1.5s;left:auto;right:80px;top:0}.star:nth-child(2){animation-delay:.4s;animation-duration:1.5s;left:auto;right:0;top:80}.star:nth-child(3){animation-delay:.6s;animation-duration:1.25s;left:auto;right:1300px;top:0}.star:nth-child(4){animation-delay:.8s;animation-duration:1.5s;left:auto;right:400px;top:0}.star:nth-child(5){animation-delay:1s;animation-duration:2s;left:auto;right:1500px;top:0}.star:nth-child(6){animation-delay:1s;animation-duration:1.2s;left:auto;right:-300px;top:300px}.star:nth-child(7){animation-delay:.9s;animation-duration:1.3s;left:auto;right:1000px;top:0}.star:nth-child(8){animation-delay:1.1s;animation-duration:1s;left:auto;right:700px;top:0}.container{align-items:center;display:flex;justify-content:center;position:relative;transition:all 2s ease-in;z-index:100}.star-1{animation:pulsate 5s ease;animation-iteration-count:infinite;background-color:#fffdfd;box-shadow:0 0 1px 1px #fffdfd,-70px 150px 1px 0 #fffdfd,290px 150px 1px -1px #0f00bf,-90px 100px 1px -1px #0c5dcc,270px 10px 1px .11px #fffdfd,390px 80px 1px -.6px #0c5dcc,-30px 120px 3px -1px #0f00bf;left:-10px;position:relative;top:50px}.star-1,.star-2{border-radius:50%;height:5px;width:5px}.star-2{animation:pulsate 7s ease;animation-iteration-count:infinite;background-color:#ff0;box-shadow:0 0 5px 1px #ff0,-99px 30px 1px .09px #ff0,355px 30px .5px 1px #ff0,400px -30px 1px -1px #ff0,400px 90px 1px -1px #ff0,-50px -30px 1px -1px #ff0;left:-60px;position:absolute;top:100px}.moon{background-color:#b2b2b2;border-radius:50%;box-shadow:5px 0 10px 3px #e5e5e54d,0 0 10px 2px #e5e5e54d,5px 0 10px 3px #e5e5e54d,0 0 3px 2px #e5e5e54d;height:24rem;margin:auto;position:relative;width:24rem}.moon:after{background-color:#a2a2a2cf;border-radius:50%;box-shadow:3px 0 0 1px #62626282,7px 45px 0 -5px #a2a2a2e6,9px 45px 0 -5px #64646482,35px 20px 0 -10px #a2a2a2e6,37px 20px 0 -10px #64646482;content:"";display:block;height:40px;left:160px;position:absolute;top:50px;width:40px}@keyframes pulsate{0%{opacity:0}50%{opacity:1}to{opacity:0}}@media screen and (max-width:768px){button{font-size:1.6vw}.title{font-size:4vw}.moon{height:16.5rem;width:16.5rem}h1 span{font-size:3.2rem}}#header{align-items:center;background-image:url(/portfolio/static/media/header.509e95c03ad253c30bd2.jpeg);background-repeat:no-repeat;background-size:cover;display:flex;font-family:Caveat Brush;height:57vw;justify-content:center;margin-bottom:10%;padding:0 10%;position:relative}.header-content{color:#ced8f8;display:flex;flex-direction:column;font-size:3.4vw;font-weight:400;margin-bottom:4%;text-align:center}.header-content .intro-text{line-height:1.7;margin-bottom:3%}.header-content .highlighted-text{color:#d672b4;display:inline-block;font-size:4.6vw}.header-image{animation:mover 2s infinite alternate;bottom:-25%;height:47vw;transition:all .5s ease}.header-background,.header-image{position:absolute;right:0;z-index:1}.header-background{animation:spin 150s linear infinite;left:-20%;top:71%;width:55vw}.button-wrapper,.intro-text-hidden{filter:blur(5px);opacity:0;transform:translateY(-100%);transition:all 1.5s;transition-delay:1s}.button-wrapper{transform:translateY(100%)}.bounce-header{animation-delay:2s;animation-duration:2s;animation-name:bounce-header;opacity:1}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-3.2vw)}}@keyframes bounce-header{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-1.2vw)}60%{transform:translateY(-1vw)}}@media screen and (max-width:768px){.highlighted-text{font-size:4.8vw}}#about-me{background-color:#283155;overflow-x:hidden;padding:5% 10% 10%;position:relative}.emoji{font-size:1.5vw}.highlight{color:#93da9e;font-weight:600}.aboutme-container{align-items:center;display:flex;margin-top:-10%}.aboutme-image{display:flex;filter:blur(5px);flex-direction:column;justify-content:center;margin-top:10%;position:relative;transform:translateX(-100%);transition:all 2.5s;width:50%;z-index:1}.aboutme-image img{transform:rotate(5deg);width:78%}.aboutme-content{color:#ced8f8;filter:blur(5px);font-size:1.25vw;line-height:2;opacity:0;position:relative;transform:translateX(100%);transition:all 2.5s;width:55%;z-index:10}.aboutme-title{color:#d672b4;font-family:Caveat Brush;margin-bottom:3%;opacity:0;padding-top:10%;position:relative;z-index:1}.bounce-aboutme{animation-delay:1.5s;animation-duration:2s;animation-name:bounce;opacity:1}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:768px){#about-me{padding:5% 5% 10%}.aboutme-content{font-size:1.7vw}}#skills{background-color:#1b2234;padding-bottom:5%}.skills-heading{background-color:#161c2d;color:#d672b4;font-size:2.5vw;margin-bottom:5%;padding:3% 10%}@media screen and (max-width:768px){.skills-heading{padding:3% 5%}}.skills-title{display:flex;font-family:Caveat Brush;opacity:0}.skills-title.bounce{animation:bounce 2s ease;animation-delay:2s;opacity:1;transition:all 2s}.skills-container{display:flex;flex-wrap:wrap;gap:3vw;width:68%}@media screen and (max-width:768px){.skills-container{font-size:5vw;gap:3.2vw;width:88%}}.skills-wrapper{display:flex;justify-content:center}.item{background-image:url(/portfolio/static/media/skills.35861c78f6aa1e79f86a.webp);background-size:cover;color:#1b2234;display:flex;flex-direction:column;font-size:1.1vw;height:11vw;opacity:0;text-align:center;width:11vw}@media screen and (max-width:768px){.item{font-size:1.7vw;height:15vw;width:15vw}}.skill-logo{padding-top:18%;width:4.5vw}@media screen and (max-width:768px){.skill-logo{padding-top:16%;width:6vw}}.pop{animation-delay:calc(var(--animation-order)*70ms);animation-duration:.5s;animation-fill-mode:both;animation-name:animateIn;animation-timing-function:ease-in-out;opacity:1}@keyframes animateIn{0%{opacity:0;transform:scale(.6) translateY(-8px)}to{opacity:1}}.contact-container{margin-top:-10%;min-height:50vw;overflow:hidden;padding-top:10%;position:relative}.contact-image{bottom:0;position:absolute;width:100%}.contact-wrapper{color:#93da9e;display:flex;flex-direction:column;float:right;height:35vw;justify-content:center;padding-right:20%;position:relative;z-index:100}.contact-title{color:#d672b4;font-family:Caveat Brush;margin-bottom:5%;opacity:0}.contact-title.bounce{animation:bounce 2s ease;opacity:1;transition:all 2s}.contact-details{align-items:center;cursor:pointer;display:flex;filter:blur(5px);font-size:1.4vw;margin:1vw 0;opacity:0;transition:all 2.5s}.contact-details,.contact-details .contact-info{position:relative}.contact-details .contact-info:after{background:#93da9e;bottom:0;content:"";height:2px;left:0;margin-bottom:-3px;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.contact-details .contact-info:hover:after{transform:scaleX(1);transform-origin:bottom left}.contact-details .contact-icon{margin-right:15px;width:2vw}.show{filter:blur(0);opacity:1;transform:translateY(0)}.meteor1{animation:move 4s infinite;opacity:0}.meteor2{animation:move2 4s 2.5s infinite;opacity:0}.meteor3{animation:move3 4s 1.5s infinite;opacity:0}a{color:inherit;text-decoration:none}@keyframes move{0%{bottom:100%;opacity:0;right:-20%}20%{bottom:0;opacity:1;right:25%}30%,to{bottom:0;opacity:0;right:25%}}@keyframes move2{0%{bottom:100%;left:65%;opacity:0}30%{bottom:0;left:25%;opacity:1}35%,to{bottom:0;left:25%;opacity:0}}@keyframes move3{0%{bottom:100%;left:20%;opacity:0}25%{bottom:0;left:-20%;opacity:1}30%,to{bottom:0;left:-20%;opacity:0}}@media screen and (max-width:768px){.contact-details{font-size:2vw}.contact-wrapper{padding-right:12vw}}.navbar-container{box-sizing:border-box;padding:1.5vw;position:absolute;width:100%;z-index:1}.navbar-items{align-items:flex-end;color:#93da9e;display:flex;font-size:1.2vw;font-weight:500;justify-content:right}@media screen and (max-width:768px){.navbar-items{font-size:1.7vw}}.navbar-item{background-size:cover;cursor:pointer;display:inline-block;margin:0 1.2vw;position:relative}.navbar-item:after{background:linear-gradient(90deg,#161c2d,#d672b4);bottom:0;content:"";height:2px;left:0;margin-bottom:-3px;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}.navbar-item:hover:after{transform:scaleX(1);transform-origin:bottom left}#projects{overflow-x:hidden;overflow-y:visible;padding:5% 10%}@media screen and (max-width:768px){#projects{padding:5%}}.projects-title{color:#d672b4;font-family:Caveat Brush;margin-bottom:10%;opacity:0}.projects-title.bounce{animation:bounce 2s ease;opacity:1;transition:all 2s}.project-item{display:flex;filter:blur(5px);margin-bottom:20%;opacity:0;transition:all 1.5s}.project-item.odd{transform:translateX(-20%)}.project-item.even{transform:translateX(20%)}.project-item.show{filter:blur(0);opacity:1;transform:translateX(0)}.project-name{color:#93da9e;cursor:pointer;display:inline-flex;font-size:1.5vw;font-weight:700;line-height:1.5;margin-bottom:10px;position:relative}@media screen and (max-width:768px){.project-name{font-size:2vw}}.project-description{color:#ced8f8;font-size:1.3vw;line-height:2}@media screen and (max-width:768px){.project-description{font-size:1.7vw}}.project-stack{display:flex}.stack-item{background-color:initial;border:.15vw solid #93da9e;border-radius:5px;color:#93da9e;font-size:1vw;font-weight:600;margin-right:1vw;margin-top:.5vw;padding:.3vw 1vw}@media screen and (max-width:768px){.stack-item{font-size:1.2vw}}.project-image{height:30vw;transition:all .7s ease;width:40vw}.project-image:hover{transform:scale(1.02);transition:all .7s ease}@media screen and (max-width:768px){.project-image{height:32vw;width:42vw}}.odd-image{margin-right:40px}@media screen and (max-width:768px){.odd-image{margin-right:10px}}.even-image{margin-left:40px}@media screen and (max-width:768px){.even-image{margin-left:0}}#visit-icon{font-size:1.5vw}@media screen and (max-width:768px){#visit-icon{font-size:1.8vw;margin-left:2px}}#name{position:relative}#name:after{background:#93da9e;bottom:0;content:"";height:2px;left:0;margin-bottom:-3px;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .25s ease-out;width:100%}#name:hover:after{transform:scaleX(1);transform-origin:bottom left}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2vw)}60%{transform:translateY(-1vw)}}
/*# sourceMappingURL=main.0301e2d7.css.map*/