html{font-size:62.5%}body{margin:0;font:300 11px/1.4 "Helvetica Neue",sans-serif;color:#444;background-color:#8aaae5;overflow:hidden;display:block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (max-width:1200px){body{overflow:visible}}@keyframes ball-beat{50%{opacity:.2;transform:scale(.75)}to{opacity:1;transform:scale(1)}}.ball-beat>div{background-color:#fff;width:15px;height:15px;border-radius:100%;margin:2px;animation-fill-mode:both;display:inline-block;animation:ball-beat .7s linear 0s infinite}.ball-beat>div:nth-child(2n-1){animation-delay:-.35s!important}@font-face{font-family:"Helvetica Neue";src:url(/static/media/helvetica-neu.8a196780.ttf) format("ttf")}@font-face{font-family:"La Belle Aurore";src:url(/static/media/LaBelleAurore.a83c1c58.woff2) format("woff2")}@font-face{font-family:"Coolvetica";src:url(/static/media/CoolveticaRg-Regular.7d1f3b1d.woff2) format("woff2")}input,textarea{font-family:"Helvetica Neue"}.loader-active{display:block;position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;width:50px;height:50px;animation:fadeOut 1s 1s forwards}.page{width:100%;height:100%}.top-tags{bottom:auto;top:40px}.tags{color:#00246b;opacity:.6;position:absolute;bottom:15px;left:120px;font-size:18px;font-family:"La Belle Aurore"}.bottom-tag-html{margin-left:-20px}.container{left:100px;width:100%;will-change:contents;height:90%;min-height:566px;position:absolute;opacity:0;top:5%;margin:0 auto;z-index:1;transform-style:preserve-3d;animation:fadeIn 1s forwards;animation-delay:1s}@media screen and (max-width:768px){.tags{display:none}}.navigationBar{background:#00246b;width:60px;height:100%;position:fixed;display:flex;flex-direction:column;align-items:center;padding-top:20px;top:0;left:0}.navigationBar .logo{display:block;padding:20px 0}.navigationBar img{display:block;margin:8px auto;width:30px;height:auto}.navigationBar nav{display:block;text-align:center;position:absolute;height:200px;top:40%;margin-top:-150px;width:100%}.navigationBar nav a{font-size:22px;color:#4d4d4e;display:block;line-height:51px;position:relative;text-decoration:none}.navigationBar nav a i{transition:all .3s ease-out}.navigationBar nav a:hover{color:#fff}.navigationBar nav a:hover svg{opacity:0}.navigationBar nav a:hover:after{opacity:1}.navigationBar nav a:after{content:"";font-size:11px;letter-spacing:2px;position:absolute;bottom:0;display:block;width:100%;text-align:center;opacity:0;transition:all .3s ease-out}.navigationBar nav a:first-child:after{content:"Home"}.navigationBar nav a.about-page:after{content:"About"}.navigationBar nav a.contact-page:after{content:"Contact"}.navigationBar nav a.skills-page:after{content:"Skills"}.navigationBar nav a.projects-page:after{content:"Projects"}.navigationBar a.active svg{color:#fff}.navigationBar ul{position:absolute;bottom:90px;width:100%;display:block;padding:0;list-style:none;text-align:center;margin:0}.navigationBar ul li a{padding:7px 0;display:block;font-size:18px;line-height:16px}.navigationBar ul li :hover svg{color:#fff}@media screen and (max-width:768px){.navigationBar{width:100%;height:60px;position:fixed;top:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}.navigationBar nav{display:flex;flex-direction:row;position:relative;height:unset;left:30px;top:75px;width:50%;grid-gap:30px;gap:30px}.navigationBar nav a:after{content:"";font-size:9px}.navigationBar ul{display:flex;flex-direction:row;position:unset;width:30%;grid-gap:20px;gap:20px}}@media screen and (max-width:480px){.navigationBar{height:50px}.navigationBar nav{left:10px;grid-gap:20px;gap:20px;width:40%;grid-gap:30px;gap:30px}.navigationBar nav a{font-size:18px}.navigationBar ul li a{font-size:15px}}@media screen and (max-width:380px){.navigationBar{height:50px}.navigationBar nav{left:10px;grid-gap:15px;gap:15px;width:40%;grid-gap:20px;gap:20px}.navigationBar nav a{font-size:15px}.navigationBar ul{grid-gap:10px;gap:10px}.navigationBar ul li a{font-size:12px}}.Home-page .text-zone{position:absolute;left:10%;top:50%;transform:translateY(-50%);width:50%;max-height:90%}.Home-page h1{color:#00246b;font-size:50px;margin:0;font-family:"Coolvetica";font-weight:100}.Home-page h1:before{content:"<h1>";margin-top:-20px;left:5px}.Home-page h1:after,.Home-page h1:before{font-family:"La Belle Aurore";color:#00246b;font-size:18px;opacity:.6;position:absolute}.Home-page h1:after{content:"<h1/>";margin-top:38px;margin-left:20px;animation:fadeIn 1s 1.7s backwards}.Home-page h2{margin-top:20px;font-weight:500;font-size:14px;line-height:28px}.Home-page .contact-button,.Home-page h2{color:#00246b;font-family:sans-serif;letter-spacing:2px;animation:fadeIn 1s 1.8s backwards}.Home-page .contact-button{font-size:13px;font-weight:400;text-decoration:none;padding:10px 18px;border:1px solid #00246b;margin-top:25px;float:left;white-space:nowrap;border-radius:10px}.Home-page .contact-button:hover{background-color:#fff}@media screen and (max-width:1200px){.Home-page .text-zone{position:absolute;left:10%;top:50%;transform:translateY(-50%);width:40%;max-height:90%}.Home-page h1{font-size:40px}.Home-page h2{font-weight:500;font-size:15px}.Home-page .hero{top:27%;width:26%}}@media screen and (max-width:1056px){.Home-page .text-zone h1{font-size:35px}}@media screen and (max-width:943px){.Home-page .text-zone{width:70%}}@media screen and (max-width:768px){.container{top:60px;left:20px}}@media screen and (max-width:540px){.Home-page .text-zone h1{font-size:30px}}.text-animate{opacity:0;animation:bounceIn 1s 1s forwards}.text-animate,.text-animate-hover{display:inline-block;min-width:10px}.text-animate-hover{animation-fill-mode:both}.text-animate-hover:hover{animation:rubberBand 1s;color:#fff;cursor:pointer}.text-animate._15{animation-delay:1.5s}.text-animate._16{animation-delay:1.6s}.text-animate._17{animation-delay:1.7s}.text-animate._18{animation-delay:1.8s}.text-animate._19{animation-delay:1.9s}.text-animate._20{animation-delay:2s}.text-animate._21{animation-delay:2.1s}.text-animate._22{animation-delay:2.2s}.text-animate._23{animation-delay:2.3s}.text-animate._24{animation-delay:2.4s}.text-animate._25{animation-delay:2.5s}.text-animate._26{animation-delay:2.6s}.text-animate._27{animation-delay:2.7s}.text-animate._28{animation-delay:2.8s}.text-animate._29{animation-delay:2.9s}.text-animate._30{animation-delay:3s}.text-animate._31{animation-delay:3.1s}.text-animate._32{animation-delay:3.2s}.text-animate._33{animation-delay:3.3s}.text-animate._34{animation-delay:3.4s}.text-animate._35{animation-delay:3.5s}.text-animate._36{animation-delay:3.6s}.text-animate._37{animation-delay:3.7s}.text-animate._38{animation-delay:3.8s}.text-animate._39{animation-delay:3.9s}.text-animate._40{animation-delay:4s}.text-animate._41{animation-delay:4.1s}.text-animate._42{animation-delay:4.2s}.text-animate._43{animation-delay:4.3s}.text-animate._44{animation-delay:4.4s}.text-animate._45{animation-delay:4.5s}.text-animate._46{animation-delay:4.6s}.text-animate._47{animation-delay:4.7s}.text-animate._48{animation-delay:4.8s}.text-animate._49{animation-delay:4.9s}.text-animate._50{animation-delay:5s}.text-animate._51{animation-delay:5.1s}.text-animate._52{animation-delay:5.2s}.text-animate._53{animation-delay:5.3s}.text-animate._54{animation-delay:5.4s}.hero{position:absolute;left:60%;top:150px;border-radius:50%;z-index:1;animation-name:floating;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;height:30rem}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(20px)}to{transform:translate(0)}}@media screen and (max-width:943px){.hero{display:none;height:30rem}}.about-page .text-zone{left:10%;position:absolute;top:50%;transform:translateY(-50%);width:40%;vertical-align:middle;display:table-cell}.about-page .text-zone h1{font-size:45px;font-family:"Coolvetica";color:#00246b;font-weight:200;margin-top:0;position:relative;margin-bottom:40px;left:10px}.about-page .text-zone h1:before{content:"<h1>";margin-top:-10px;left:-10px}.about-page .text-zone h1:after,.about-page .text-zone h1:before{font-family:"La Belle Aurore";font-size:18px;position:absolute;opacity:.6;line-height:18px}.about-page .text-zone h1:after{content:"<h1 />";margin-left:20px;left:-30px;bottom:-22px}.about-page .text-zone p{font-size:15px;color:#03045e;font-family:sans-serif;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;animation:pulse 1s}.about-page .text-zone p span{color:#8b0000}.about-page .text-zone p:first-of-type{animation-delay:1.1s}.about-page .text-zone p:nth-of-type(2){animation-delay:1.2s}.about-page .text-zone p:nth-of-type(3){animation-delay:1.3s}.about-page .text-zone p:nth-of-type(4){animation-delay:1.4s}.about-page .text-animate-hover:hover{color:#fff}.about-page .content{opacity:0;animation:backInRight 1s 1.2s forwards;width:46%;height:100%;top:0;margin-left:0;position:absolute;right:0;overflow:hidden;display:flex;flex-direction:row;align-items:center;padding-top:0}.about-page .content .aboutItems{display:flex;flex-direction:column;margin-right:20%;grid-gap:10px;gap:10px}.about-page .content .aboutItems .aboutItem{grid-gap:15px;gap:15px;display:flex;flex-direction:row;align-items:center;border-radius:20px;list-style:none;padding:10px;background-color:#7fa3e6;border:1px solid #6d8dc8;box-shadow:0 0 2px 2px #80a0e1;background-image:linear-gradient(90deg,rgba(119,214,246,.42),hsla(0,0%,100%,0));background-size:0 100%;background-repeat:no-repeat;transition:.4s}.about-page .content .aboutItems .aboutItem img{width:28px;height:30px}.about-page .content .aboutItems .aboutItem:hover{background-size:100% 100%;cursor:pointer}.about-page .content .aboutItems .aboutItem h3{font-size:12px;font-weight:700;text-decoration:underline;-webkit-text-decoration-color:#144f8a;text-decoration-color:#144f8a;text-decoration-thickness:1px;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;font-family:sans-serif;color:#03045e}.about-page .content .aboutItems .aboutItem p{font-size:13px;font-family:"Coolvetica";color:#144f8a}@media screen and (max-width:1200px){.about-page .text-zone{left:5%}.about-page .content{left:50%}}@media screen and (max-width:950px){.about-page{display:flex;flex-direction:column}.about-page .text-zone{left:10%;width:70%;top:40%}.about-page .content{width:80%;top:70%;left:10%}.about-page .content .aboutItems{margin-left:0;margin-top:-30%}}@media screen and (max-width:770px){.about-page .content .aboutItems{width:90%}}@media screen and (max-width:600px){.about-page .text-zone{top:50%}.about-page .text-zone h1{font-size:30px}.about-page .content{top:100%}}.contact-page .text-zone{left:8%;position:absolute;top:50%;transform:translateY(-50%);width:33%}.contact-page .text-zone h1{font-size:45px;font-family:"Coolvetica";color:#00246b;font-weight:200;margin-top:0;position:relative;margin-bottom:40px;left:10px}.contact-page .text-zone h1:before{content:"<h1>";margin-top:-10px;left:-10px}.contact-page .text-zone h1:after,.contact-page .text-zone h1:before{font-family:"La Belle Aurore";font-size:18px;position:absolute;opacity:.6;line-height:18px}.contact-page .text-zone h1:after{content:"<h1 />";margin-left:20px;left:-30px;bottom:-22px}.contact-page .text-zone p{font-size:15px;color:#03045e;font-family:sans-serif;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;animation:pulse 1s;animation-delay:1.4s}.contact-page .text-animate-hover:hover{color:#fff}.contact-page .contact-form{width:100%;margin-top:20px}.contact-page .contact-form ul{padding:0;margin:0}.contact-page .contact-form ul li{padding:0;list-style:none;margin:0 0 10px;opacity:0;overflow:hidden;display:block;clear:both;position:relative;animation:fadeInUp 2s 2s;animation-fill-mode:forwards}.contact-page .contact-form ul li.half{width:49%;margin-left:2%;float:left;clear:none}.contact-page .contact-form ul li.half:first-child{margin-left:0}.contact-page .contact-form ul input,.contact-page .contact-form ul textarea{font-weight:400;font-family:sans-serif}.contact-page .contact-form ul input[type=email],.contact-page .contact-form ul input[type=text]{width:100%;border:0;background:#a1baed;height:40px;font-size:15px;color:#00246b;padding:0 20px;box-sizing:border-box}.contact-page .contact-form textarea{width:100%;border:0;background:#a1baed;height:50px;font-size:16px;color:#00246b;padding:20px;min-height:100px;box-sizing:border-box}.contact-page .contact-form .submit-button{color:#00246b;padding:8px 10px;background:#fff;font:11px;letter-spacing:3px;text-decoration:none;cursor:pointer;border:1px solid #00246b;float:right;border-radius:4px}.contact-page .info-map{position:absolute;background-color:#f8f8ee;color:#00246b;top:40px;right:30%;z-index:999999;width:240px;padding:15px;font-family:"Helvetica";font-size:16px;font-family:300;opacity:0;animation:fadeIn 1s 1.5s forwards}.contact-page .info-map span{font-size:15px;display:block;padding-top:15px;color:purple;text-decoration:underline}.contact-page .map-wrap{background:rgba(8,253,216,.1);float:right;width:53%;height:100%}.leaflet-container{width:100%;height:100%;position:relative;opacity:0;animation:backInRight 1s 1.2s forwards}@media screen and (max-width:1200px){.info-map{display:none}}@media screen and (max-width:960px){.contact-page{display:flex;flex-direction:column}.contact-page .text-zone{width:70%;position:fixed}.contact-page .map-wrap{position:absolute;width:70%;height:600px;float:none;margin-left:60px;top:90%}}@media screen and (max-width:505px){.contact-page .map-wrap{top:100%;margin-left:50px}}@media screen and (max-width:480px){.text-zone .contact-form ul li.half{width:100%;margin-left:0}}@media screen and (max-width:360px){.contact-page .map-wrap{display:none}}.skills-page .text-zone{left:10%;position:absolute;top:50%;transform:translateY(-50%);width:40%;vertical-align:middle;display:table-cell}.skills-page .text-zone h1{font-size:45px;font-family:"Coolvetica";color:#00246b;font-weight:200;margin-top:0;position:relative;margin-bottom:40px;left:10px}.skills-page .text-zone h1:before{content:"<h1>";margin-top:-10px;left:-10px}.skills-page .text-zone h1:after,.skills-page .text-zone h1:before{font-family:"La Belle Aurore";font-size:18px;position:absolute;opacity:.6;line-height:18px}.skills-page .text-zone h1:after{content:"<h1 />";margin-left:20px;left:-30px;bottom:-22px}.skills-page .text-zone p{font-size:15px;color:#03045e;font-family:sans-serif;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;animation:pulse 1s}.skills-page .text-zone p span{color:#8b0000}.skills-page .text-zone p:first-of-type{animation-delay:1.1s}.skills-page .text-zone p:nth-of-type(2){animation-delay:1.2s}.skills-page .text-zone p:nth-of-type(3){animation-delay:1.3s}.skills-page .text-zone p:nth-of-type(4){animation-delay:1.4s}.skills-page .text-animate-hover:hover{color:#fff}.stage-cube-cont{width:50%;height:100%;top:0;padding-top:18%;margin-left:0;position:absolute;right:0;overflow:hidden}.stage-cube-cont .cube-spinner{animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;transform-style:preserve-3d;transform-origin:100px 100px 0;margin-left:calc(50% - 100px)}.stage-cube-cont .cube-spinner div{position:absolute;width:200px;height:200px;border:1px solid #fff;background:hsla(0,0%,100%,.4);font-size:100px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px 0 #fff}.stage-cube-cont .cube-spinner .face1{transform:translateZ(100px);color:#e44d26}.stage-cube-cont .cube-spinner .face2{transform:rotateY(90deg) translateZ(100px);color:#1572b6}.stage-cube-cont .cube-spinner .face3{transform:rotateY(90deg) rotateX(90deg) translateZ(100px);color:#f7df1e}.stage-cube-cont .cube-spinner .face4{transform:rotateY(180deg) rotate(90deg) translateZ(100px);color:#61dafb}.stage-cube-cont .cube-spinner .face5{transform:rotateY(-90deg) rotate(90deg) translateZ(100px);color:#007396}.stage-cube-cont .cube-spinner .face6{transform:rotateX(-90deg) translateZ(100px);color:#4f5d73}@keyframes spincube{0%,to{transform:rotateX(0deg) rotateY(0deg) rotate(0deg)}16%{transform:rotateY(-90deg) rotate(90deg)}33%{transform:rotateY(-90deg) rotateX(90deg)}50%{transform:rotateY(-180deg) rotate(90deg)}66%{transform:rotateY(-270deg) rotateX(90deg)}83%{transform:rotateX(90deg)}}@media screen and (max-width:1124px){.skills-page .text-zone{width:40%;left:5%}.skills-page .stage-cube-cont .cube-spinner{margin-left:17%}}@media screen and (max-width:950px){.skills-page{display:flex;flex-direction:column}.skills-page .text-zone{width:70%;left:10%;top:40%}.skills-page .stage-cube-cont{width:70%;top:70%;height:50%;left:10%;padding-top:10%}.skills-page .stage-cube-cont .cube-spinner{position:relative;margin-left:30%}}@media screen and (max-width:685px){.skills-page .stage-cube-cont{top:75%;padding-top:15%}.skills-page .stage-cube-cont .cube-spinner{margin-left:20%}}@media screen and (max-width:515px){.skills-page .text-zone{top:50%}.skills-page .text-zone h1{font-size:35px}.skills-page .stage-cube-cont{top:90%;width:90%}.skills-page .stage-cube-cont .cube-spinner{margin-left:20%;width:100px;height:100px}}@media screen and (max-width:440px){.skills-page .stage-cube-cont{top:90%;padding-top:18%;left:7%}.skills-page .stage-cube-cont .cube-spinner{margin-left:20%}}@media screen and (max-width:418px){.skills-page .text-zone h1{font-size:32px}}.projectpage{left:10%;position:absolute;top:15%;bottom:15%;width:80%}.projectpage .text-animate-hover:hover{color:#fff}.projectpage h1{font-size:45px;font-family:"Coolvetica";color:#00246b;font-weight:200;margin-top:0;margin-left:20px;position:relative;margin-bottom:60px;left:10px}.projectpage h1:before{content:"<h1>";margin-top:-10px;left:-10px}.projectpage h1:after,.projectpage h1:before{font-family:"La Belle Aurore";font-size:18px;position:absolute;opacity:.6;line-height:18px}.projectpage h1:after{content:"<h1 />";margin-left:20px;left:-30px;bottom:-22px}.projectpage .projects{display:flex;flex-direction:row;bottom:3%;position:absolute;left:5%;grid-gap:30px;gap:30px;width:90%;justify-content:space-around;flex-wrap:wrap;align-items:stretch;top:20%;opacity:0;animation:backInRight 1s 1.2s forwards}.projectpage .projects .project{border-radius:10px;background:linear-gradient(180deg,rgba(119,214,246,.42),hsla(0,0%,100%,0));background-size:0 100%;background-repeat:no-repeat;transition:.4s;box-shadow:0 0 10px 0 #fff;padding:18px 24px;max-width:35rem;height:40rem}.projectpage .projects .project:hover{background-size:100% 100%;cursor:pointer}.projectpage .projects .project .projectImg{height:38%;width:100%;border-radius:10px}.projectpage .projects .project .projectContent{position:relative;height:220px}.projectpage .projects .project .projectContent h3{font-size:16px;font-weight:700;font-family:sans-serif;color:#020472;text-decoration:underline}.projectpage .projects .project .projectContent p{font-size:13px;font-family:"Coolvetica";color:#114579}.projectpage .projects .project .projectContent .skills h4{font-size:12px;font-family:"Times New Roman",Times,serif;color:#010c14;margin-bottom:10px;text-decoration:underline}.projectpage .projects .project .projectContent .skills p{flex-direction:row;flex-wrap:wrap;list-style:none;grid-gap:10px;gap:10px;padding:0;width:100%}.projectpage .projects .project .projectContent .skills span{flex:1 1 auto;max-width:200px;font-size:14px;font-family:"Coolvetica";color:#5e1616}.projectpage .projects .project .projectContent a{position:absolute;bottom:0;right:0;font-size:13px;text-decoration:none;color:#535353;font-family:"Coolvetica";font-weight:200;display:inline-block;padding:8px 20px;border:2px solid #fff;border-radius:5px;box-shadow:0 0 1px 0 #b5b5b5}.projectpage .projects .project .projectContent a:hover{background-color:#c3c2c2}@media screen and (max-width:1200px){.projectpage{width:90%;left:10%;margin-top:-5%}.projects{width:100%;grid-gap:20px;gap:20px}.projects .project{max-width:220px;height:350px}h1{font-size:40px;margin-left:auto}.tags{display:none}}@media screen and (max-width:768px){.projectpage{top:17%;bottom:10%;width:95%;left:2.5%}.projects{flex-direction:column;top:15%;align-items:center;grid-gap:40px;gap:40px}.projects .project{max-width:100%;height:auto}h1{font-size:35px;left:5px}}@media screen and (max-width:480px){.projectpage{top:15%;bottom:5%;width:100%;left:0}.projects{flex-direction:column;align-items:center;grid-gap:20px;gap:20px}.projects .project{max-width:90%;height:auto}.projects .project .projectImg{height:auto}h1{font-size:30px}}
/*# sourceMappingURL=main.26d10723.chunk.css.map */