@font-face{font-family:"Pacifico";src:local("Pacifico"),url(/DevPortfolioV2/static/media/Pacifico-Regular.9b94499c.ttf) format("truetype")}@font-face{font-family:"Bungee";src:local("Bungee"),url(/DevPortfolioV2/static/media/Bungee-Regular.259d4afa.ttf) format("truetype")}@font-face{font-family:"BungeeShade";src:local("BungeeShade"),url(/DevPortfolioV2/static/media/BungeeShade-Regular.ef898acb.ttf) format("truetype")}@font-face{font-family:"Arimo";src:local("Arimo"),url(/DevPortfolioV2/static/media/Arimo-Regular.9fe23bf2.ttf) format("truetype")}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@-webkit-keyframes navbarslide{0%{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes navbarslide{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.Navigation{font-family:Pacifico;position:fixed;top:0;left:0;background-color:rgba(28,37,65,.7);width:8vw;height:100%;display:flex;flex-direction:column;justify-content:flex-start;border-right:thin solid rgba(90,191,189,.5);box-shadow:10px 10px 15px #0b132b;z-index:7;transform:translateY(100vh);-webkit-animation:navbarslide 1s forwards;animation:navbarslide 1s forwards;overflow:scroll}.Navigation::-webkit-scrollbar{display:none}@-webkit-keyframes navslidein{0%{transform:translateX(-500px)}to{transform:translateX(0)}}@keyframes navslidein{0%{transform:translateX(-500px)}to{transform:translateX(0)}}@-webkit-keyframes spinlogo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinlogo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.LSicon{display:flex;justify-content:flex-start;top:0;left:0;width:6vw;padding:1vw;height:auto;z-index:30}.LSicon:hover{-webkit-animation:spinlogo 3s forwards;animation:spinlogo 3s forwards}.Navbuttons{display:flex;flex-direction:column;align-items:center;align-content:space-between;transform:translateX(-500px);-webkit-animation:navslidein 1s forwards;animation:navslidein 1s forwards}@media (max-width:1050px){.Navigation{position:fixed;top:0;background-color:#1c2541;width:100%;height:90px;display:flex;justify-content:center;flex-direction:row;border-bottom:thin solid #5bc0be;border-radius:0;transform:none;-webkit-animation:none;animation:none;overflow:hidden;z-index:10}.LSicon{height:80px;width:80px}.LSicon:hover,.Navbuttons{-webkit-animation:none;animation:none}.Navbuttons{padding-top:0;padding-left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;transform:translateX(0)}}.buttontext{font-family:Bungee;font-size:.9vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}.buttonimg{width:100%;background-color:#1c2541;margin:auto;border-radius:20px}.Navbutton{display:flex;flex-direction:column;position:relative;width:100%;text-align:center;color:#6fffe9;margin:0;padding-bottom:2vh;z-index:0}@-webkit-keyframes grow{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes grow{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.buttonimg:hover{-webkit-animation:grow 1.5s forwards;animation:grow 1.5s forwards}@media (max-width:1050px){.Navbutton{width:100%;padding-top:20px;margin:auto}.buttontext{display:none}.buttonimg{background-color:none;border-radius:20px}@-webkit-keyframes mobilegrow{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes mobilegrow{0%{transform:scale(1)}to{transform:scale(1.2)}}.buttonimg:hover{-webkit-animation:mobilegrow 3s forwards;animation:mobilegrow 3s forwards}}body{background:linear-gradient(90deg,#3a506b 21px,transparent 1%) 50%,linear-gradient(#3a506b 21px,transparent 1%) 50%,#5bc0be;background-size:22px 22px}body,html{overflow:hidden;touch-action:none}.HomeContainer{display:flex;flex-direction:column;width:91%;padding-left:9vw;align-items:center}@-webkit-keyframes homefadeslide{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}@keyframes homefadeslide{0%{opacity:0;transform:scale(2)}to{opacity:1;transform:scale(1)}}.loader,.loader:after,.loader:before{background:#6fffe9;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1em;height:4em}.loader{color:#6fffe9;text-indent:-9999em;margin:25%;position:relative;font-size:11px;transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:4em}40%{box-shadow:0 -2em;height:5em}}.Homemain{height:100vh;opacity:0;z-index:-1;transform:scale(.1);-webkit-animation:homefadeslide 1s forwards;animation:homefadeslide 1s forwards;-webkit-filter:drop-shadow(20px 20px 15px #0b132b)}@-webkit-keyframes CertSlide{0%{transform:translateX(40vw)}to{transform:translateX(0)}}@keyframes CertSlide{0%{transform:translateX(40vw)}to{transform:translateX(0)}}.CertLogos{position:fixed;bottom:0;right:0;width:10vw;display:flex;flex-direction:column;-webkit-filter:drop-shadow(20px 20px 15px #0b132b);transform:translateX(40vw);-webkit-animation:CertSlide 1s forwards;animation:CertSlide 1s forwards;z-index:5}.CertIcon{width:100%}.Homemobile{display:none}@media (max-width:1050px){.HomeContainer{width:100%;padding-left:0;padding-top:150px}.Homemain{display:none}.Homemobile{display:block;position:fixed;bottom:0;right:0;max-width:600px;max-height:90vh}.CertLogos{display:flex;flex-direction:column;position:fixed;left:0;top:100px;width:15vw;z-index:5;-webkit-animation:none;animation:none;transform:none}}.Aboutcontainer{width:92vw;margin-left:8vw;display:flex;flex-direction:column;align-items:center;z-index:6;overflow:hidden}.Aboutheader{display:flex;width:100%;justify-content:left;font-family:Arimo;font-size:6vh;color:#5bc0be;text-shadow:20px 20px 10px #0b132b;padding-top:1vh;padding-left:1%;margin:0;border:0;transform:translateY(-40vh);-webkit-animation:rollin 1s forwards;animation:rollin 1s forwards;z-index:8}@-webkit-keyframes contentrollin{0%{transform:translateY(100vh) scale(1);color:#1c2541;text-shadow:500px -500px 10px #0b132b}to{transform:translateY(0) scale(1);color:#5bc0be;text-shadow:20px 20px 15px #0b132b}}@keyframes contentrollin{0%{transform:translateY(100vh) scale(1);color:#1c2541;text-shadow:500px -500px 10px #0b132b}to{transform:translateY(0) scale(1);color:#5bc0be;text-shadow:20px 20px 15px #0b132b}}.AboutContent{box-sizing:border-box;width:100%;height:93vh;overflow:scroll;display:flex;flex-direction:column;align-items:center;border:thin solid #0b132b;background-color:rgba(28,37,65,.7);box-shadow:20px 20px 15px #0b132b;-webkit-animation:contentrollin 1s forwards;animation:contentrollin 1s forwards;z-index:6}.AboutContent::-webkit-scrollbar{display:none}.Aboutimage{height:20vh;margin-top:1%;border-radius:50%;box-shadow:0 0 45px 15px rgba(91,192,190,.77);background:linear-gradient(180deg,rgba(11,19,43,.3),rgba(91,192,190,.3));background-size:200% 200%;border:solid rgba(91,192,190,.75);-webkit-animation:aboutimagegradient 7s ease infinite;animation:aboutimagegradient 7s ease infinite}@-webkit-keyframes aboutimagegradient{0%{background-position:0 90%}50%{background-position:100% 11%}to{background-position:0 90%}}@keyframes aboutimagegradient{0%{background-position:0 90%}50%{background-position:100% 11%}to{background-position:0 90%}}.AboutText{padding-top:1%;padding-bottom:5%;position:relative;width:75%;margin:auto;font-family:Arimo;text-align:justify;text-justify:auto;font-size:2.5vh;text-indent:100px}@media (max-width:1050px){.Aboutheader{padding-top:100px;font-size:10vw;transform:translateY(0);-webkit-animation:none;animation:none;bottom:0}.Aboutcontainer{width:100%;margin-left:0}.AboutContent{height:75vh;width:100%}.AboutText{font-size:2.5vh;width:90%}}.Skillscontainer{width:92vw;margin-left:8vw;display:flex;flex-direction:column;align-items:center;z-index:6}.Skillsheader{display:flex;font-family:Arimo;font-size:6vh;color:#5bc0be;text-shadow:20px 20px 10px #0b132b;-webkit-text-decoration:10px;text-decoration:10px;padding-top:1vh;padding-left:1%;margin:0;border:0;transform:translateY(-40vh);-webkit-animation:rollin 1s forwards;animation:rollin 1s forwards;z-index:8}.SkillsContent,.Skillsheader{width:100%;justify-content:left}.SkillsContent{box-sizing:border-box;height:93vh;overflow:scroll;border:thin solid #0b132b;background-color:rgba(28,37,65,.7);box-shadow:20px 20px 15px #0b132b;z-index:6}.SkillsContent::-webkit-scrollbar{display:none}.SkillsContentRow{display:flex;flex-wrap:wrap}.SkillsContentColumn{flex:25% 1;max-width:25%;align-items:center}@media screen and (max-width:1050px){.SkillsContentColumn{flex:50% 1;max-width:50%}}@media (max-width:1050px){.Skillsheader{padding-top:100px;font-size:10vw;transform:translateY(0);-webkit-animation:none;animation:none;bottom:0}.SkillsContent{height:75vh;width:100%}.Skillscontainer{width:100%;margin-left:0}}.SkillsIconContainer{width:65%;padding:15%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border-radius:15px;fill:#5bc0be;box-sizing:border-box;font-size:2.5vh;text-align:center;margin:auto}.BackdropLogo{position:absolute;width:50vw;top:0;left:0;z-index:-1;margin-left:30vw;margin-right:20vw;margin-top:16vh;opacity:.1;-webkit-animation:modalgrow 1s forwards;animation:modalgrow 1s forwards}@-webkit-keyframes SkillIconSpin{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes SkillIconSpin{0%{transform:scale(1)}to{transform:scale(1.1)}}@-webkit-keyframes modalgrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes modalgrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@-webkit-keyframes modaltitleslide{0%{transform:translateX(40vw)}to{transform:translateX(0)}}@keyframes modaltitleslide{0%{transform:translateX(40vw)}to{transform:translateX(0)}}.popup{position:fixed;border-radius:10px;display:flex;flex-direction:column;z-index:100;width:25vw;background-color:rgba(11,19,43,.7);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:30vh;color:#fff;justify-content:flex-start;padding:1%;-webkit-animation:modalgrow .2s forwards;animation:modalgrow .2s forwards;overflow:hidden}.popup>h3{align-self:flex-start;margin:0;-webkit-animation:modaltitleslide .5s forwards;animation:modaltitleslide .5s forwards}.popup>p{margin-top:0;width:100%;border-top:thin solid #5bc0be;text-align:left}@media (max-width:1050px){.BackdropLogo,.popup{display:none}}.Projectscontainer{width:92vw;margin-left:8vw;display:flex;flex-direction:column;align-items:center;z-index:6}.Projectsheader{display:flex;width:100%;justify-content:left;font-family:Arimo;font-size:6vh;color:#5bc0be;text-shadow:20px 20px 10px #0b132b;padding-top:1vh;padding-left:1%;margin:0;border:0;transform:translateY(-40vh);-webkit-animation:rollin 1s forwards;animation:rollin 1s forwards;z-index:8}.ProjectsContent{box-sizing:border-box;width:100%;height:93vh;border:thin solid #0b132b;background-color:rgba(28,37,65,.7);box-shadow:20px 20px 15px #0b132b;-webkit-animation:contentrollin 1s forwards;animation:contentrollin 1s forwards;z-index:6;overflow:scroll;display:grid;grid-template-columns:48% 48%;grid-template-rows:auto;grid-column-gap:2%;-webkit-column-gap:2%;column-gap:2%;margin-bottom:5%}.ProjectsContent::-webkit-scrollbar{display:none}@media (max-width:1050px){.Projectsheader{padding-top:100px;font-size:10vw;transform:translateY(0);-webkit-animation:none;animation:none;bottom:0}.Projectscontainer{width:100%;margin-left:0}.ProjectsContent{height:75vh;width:100%;grid-template-columns:98%}}.CardContainer{width:100%;height:70vh;margin:2%;overflow:hidden;display:flex;flex-direction:column;background-color:#0b132b}.CardImage{display:flex;height:60%;border:thick solid #0b132b}.CardImage>img{width:100%;object-fit:cover}.CardInner{height:40%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-sizing:border-box;background-color:#0b132b;z-index:2;width:100%}.CardTitle{height:10%;opacity:.5}.CardText{text-align:center;margin:2%;background-color:#0b132b;height:60%;overflow:hidden}.CardText::-webkit-scrollbar{display:none}.CardButtons{display:flex;width:100%;height:25%;margin-bottom:1%}.CardButtons>a,.CardButtons>a>button{height:100%;width:100%}.CardButtons>a>button{color:#0b132b;background-color:#5bc0be;border:thin solid #5bc0be;border-right:none;border-left:none}.CardButtons>a>button:hover{background-color:#0b132b;color:#5bc0be;text-decoration:none}.CardButtons>a:link{text-decoration:none}@media (max-width:1050px){.CardContainer{width:98%;margin:2% 2% 5%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}.Contactcontainer{width:92vw;margin-left:8vw;overflow:hidden}.Contactcontainer,.ContactContent{display:flex;flex-direction:column;align-items:center;z-index:6}.ContactContent{box-sizing:border-box;width:100%;height:93vh;border:thin solid #0b132b;background-color:rgba(28,37,65,.7);box-shadow:20px 20px 15px #0b132b;-webkit-animation:contentrollin 1s forwards;animation:contentrollin 1s forwards;justify-content:center;padding-top:20px;overflow:scroll}.ContactContent::-webkit-scrollbar{display:none}.ContactContent>form{width:75%;display:flex;flex-direction:column;align-items:center}.ContactContent>form>p{font-size:medium;display:none;margin-bottom:0;width:20vw;margin-left:5vw;text-align:center;align-self:flex-start;background-color:#0b132b;border-top-left-radius:10px;border-top-right-radius:10px;border:thin solid rgba(91,192,190,.5);border-bottom:none}.ContactContent>form>input{margin-bottom:20px;font-size:large}.ContactContent>form>input,.ContactContent>form>textarea{width:100%;border-radius:0;border-top:thin solid rgba(91,192,190,.5);border-bottom:thin solid rgba(91,192,190,.5);text-align:center;background-color:#0b132b;color:#5bc0be}.ContactContent>form>textarea{height:50vh;font:inherit;font-size:large}.ContactContent>form>button{background-color:#5bc0be;margin:30px;padding:10px;width:100%;border-radius:0;border:none;font-size:x-large}.ContactContent>form>button:hover{-webkit-animation:SendButtonGrow 1s forwards;animation:SendButtonGrow 1s forwards}@-webkit-keyframes SendButtonGrow{0%{transform:scale(1);background-color:#5bc0be}to{transform:scale(1.1);background-color:#6fffe9}}@keyframes SendButtonGrow{0%{transform:scale(1);background-color:#5bc0be}to{transform:scale(1.1);background-color:#6fffe9}}@-webkit-keyframes rollin{0%{transform:translateY(-40vh);color:#0b132b;text-shadow:500px -500px 10px #0b132b}to{transform:translateY(0);color:#5bc0be;text-shadow:20px 20px 15px #0b132b}}@keyframes rollin{0%{transform:translateY(-40vh);color:#0b132b;text-shadow:500px -500px 10px #0b132b}to{transform:translateY(0);color:#5bc0be;text-shadow:20px 20px 15px #0b132b}}.Contactheader{display:flex;width:100%;justify-content:left;font-family:Arimo;font-size:6vh;color:#5bc0be;text-shadow:20px 20px 10px #0b132b;padding-top:1vh;padding-left:1%;margin:0;border:0;transform:translateY(-40vh);-webkit-animation:rollin 1s forwards;animation:rollin 1s forwards;z-index:8}@media (max-width:1050px){.Contactheader{padding-top:100px;font-size:10vw;transform:translateY(0);bottom:0}.Contactcontainer,.Contactheader{-webkit-animation:none;animation:none}.Contactcontainer{width:100%;margin-left:0}.ContactContent{height:75vh;width:100%}.ContactContent>form{width:100%}.ContactContent>form>input{width:100%;margin-bottom:5px;font-size:x-large}.ContactContent>form>textarea{margin-top:2vh;width:100%;height:20vh}.ContactContent>form>button{width:100%}}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Backgroundani{position:fixed;top:0;bottom:0;width:91%;height:200vh;padding-left:9vw;z-index:-10;-webkit-animation:spin 45s infinite;animation:spin 45s infinite}.square{-webkit-animation-play-state:running;animation-play-state:running}.square:hover{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes squareslide{0%{transform:translateX(-50vw)}to{transform:translateX(150vw)}}@keyframes squareslide{0%{transform:translateX(-50vw)}to{transform:translateX(150vw)}}@-webkit-keyframes squaresliderev{0%{transform:translateX(150vw)}to{transform:translateX(-50vw)}}@keyframes squaresliderev{0%{transform:translateX(150vw)}to{transform:translateX(-50vw)}}.SocialMediaContainer{display:flex;justify-content:flex-end;position:fixed;top:0;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:100}.SocialIcon{height:7vh;margin:.7vh;fill:#5bc0be;opacity:.5}@media (max-width:1050px){.SocialMediaContainer{padding-left:0;top:95px}.SocialIcon{height:5vh}}
/*# sourceMappingURL=main.a897002c.chunk.css.map */