@font-face{font-family:font-1;src:url(/static/media/Questrial-Regular.96dd668fc36d87af7f89.ttf)}@font-face{font-family:font-2;src:url(/static/media/KronaOne-Regular.c16b3db2142f2ebddaa8.ttf)}*{border:none;box-sizing:border-box;cursor:none;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}::selection{background:#05d6b3;color:#000}html{scroll-behavior:unset}a,a:visited,li{color:#c2c2c2}body{background-color:#000;color:#38383a;cursor:none;font-family:font-1,sans-serif;height:100vh;overflow:hidden}@media screen and (max-width:430px){body{max-width:100vw;overflow-y:visible;overflow-y:initial;position:relative}}main{position:relative}.button{background:#021035;border:1px solid #c2c2c2;border-radius:50px;color:#c2c2c2;cursor:none;font-size:1.2rem;height:55px;margin-top:20px;transition:.2s;width:126px}.button:hover{color:#05d6b3;letter-spacing:1px}.navigation,i{color:#c2c2c2}.navigation{font-size:1.4rem;left:1.4rem;line-height:28px;position:absolute;top:1rem}.navigation:before{-webkit-animation:navAnim 8s infinite alternate;animation:navAnim 8s infinite alternate;background:#021035;border-radius:50%;content:"";height:320px;left:-160px;position:absolute;top:-150px;width:320px;z-index:-1}@-webkit-keyframes navAnim{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes navAnim{50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:430px){.navigation:before{height:50px;width:50px}}.navigation .nav-active{color:#38383a}.navigation ul:hover li:not(:hover){opacity:.5}.navigation ul:hover li:hover{color:#c2c2c2}.navigation .nav-portfolio{display:flex;transition:.5s}.navigation .nav-portfolio .nav-projects:hover,.navigation .nav-portfolio:hover .nav-projects{opacity:1;visibility:visible}.navigation .nav-portfolio .nav-projects:hover li,.navigation .nav-portfolio:hover .nav-projects li{-webkit-transform:rotatey(0deg);transform:rotatey(0deg)}.navigation .nav-portfolio .nav-projects{opacity:0;padding:0 40px;-webkit-perspective:500px;perspective:500px;position:absolute;-webkit-transform:translateX(70px);transform:translateX(70px);transition:.3s;visibility:hidden;width:300px}.navigation .nav-portfolio .nav-projects li{-webkit-transform:rotatey(30deg) scaleX(1.2);transform:rotatey(30deg) scaleX(1.2);-webkit-transform-origin:center;transform-origin:center;transition:.9s}.home{height:100vh;position:absolute;width:100vw}.home .home-main{align-items:center;display:grid;height:95%;justify-items:center;overflow:hidden;padding-left:1rem;width:auto}.home .home-main .main-content{-webkit-user-select:none;-ms-user-select:none;user-select:none}.home .home-main .main-content h1{color:#38383a;font-family:font-2,serif;font-size:3.7rem;position:relative}@media screen and (max-width:650px){.home .home-main .main-content h1{font-size:2rem}}@media screen and (min-width:1200px){.home .home-main .main-content h1{font-size:5rem}}.home .home-main .main-content h1:before{-webkit-animation:h1Anim 1.5s ease forwards;animation:h1Anim 1.5s ease forwards;border:1px solid #05d6b3;border-radius:50%;content:"";height:225px;left:-180px;position:absolute;top:-40px;-webkit-transform:scale(0);transform:scale(0);width:225px;z-index:-1}@media screen and (max-width:850px){.home .home-main .main-content h1:before{height:110px;left:-40px;top:-15px;width:110px}}@-webkit-keyframes h1Anim{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes h1Anim{to{-webkit-transform:scale(1);transform:scale(1)}}.home .home-main .main-content h2{font-size:4.2rem;font-weight:100}@media screen and (max-width:650px){.home .home-main .main-content h2{font-size:2rem}}@media screen and (min-width:1200px){.home .home-main .main-content h2{font-size:5rem}}.social-network{font-size:1.5rem;position:absolute;right:1rem;top:0;width:20%}@media screen and (max-width:650px){.social-network{width:30%}}.social-network ul{display:flex;justify-content:space-around;min-width:100px;width:100%}@media screen and (max-width:450px){.social-network ul{min-width:100%}}.social-network ul a{padding:1rem;transition:1.1s ease-out}.scroll-bottom{bottom:1rem;color:#c2c2c2;font-size:1.7rem;left:50%;-webkit-perspective:40px;perspective:40px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.scroll-bottom:hover .sb-main{pointer-events:auto}.scroll-bottom .sb-main{align-items:center;display:flex;justify-content:space-around;justify-items:center;pointer-events:none;-webkit-transform:rotateX(25deg) scaleY(.8);transform:rotateX(25deg) scaleY(.8);-webkit-transform-origin:bottom;transform-origin:bottom;transition:.4s;width:550px}@media screen and (max-width:500px){.scroll-bottom .sb-main{-webkit-transform:rotateX(0deg) scaleY(1);transform:rotateX(0deg) scaleY(1);width:250px}}.scroll-bottom .sb-main .left,.scroll-bottom .sb-main .right{color:#c2c2c2;margin:0 10px 30px;text-align:center}@media screen and (max-width:500px){.scroll-bottom .sb-main .left,.scroll-bottom .sb-main .right{-webkit-transform:scale(2);transform:scale(2)}}.scroll-bottom .sb-main .left{grid-area:a}.scroll-bottom .sb-main p{color:#c2c2c2;grid-area:b}@media screen and (max-width:500px){.scroll-bottom .sb-main p{display:flex;font-size:.6rem;justify-content:space-between;margin:0 10px;text-align:center}}.scroll-bottom .sb-main .right{grid-area:c}.scroll-bottom .sb-main:hover{-webkit-transform:rotateX(0deg) scaleY(1);transform:rotateX(0deg) scaleY(1)}.scroll-bottom .sb-main span{display:inline-block;font-size:1.5rem;padding:0 1rem;-webkit-transform:translateY(-1px);transform:translateY(-1px);transition:.3s}.scroll-bottom .sb-main span:hover{color:#38383a;font-size:1.8rem}.contact{height:100vh;position:absolute;width:100vw}.contact:after{-webkit-animation:contactAnim 25s infinite alternate;animation:contactAnim 25s infinite alternate;background:#021035;border-radius:50%;content:"";height:700px;position:absolute;right:-460px;top:150px;width:700px;z-index:-10}@media screen and (max-width:840px){.contact:after{height:400px;right:-140px;top:520px;width:400px}}@media screen and (max-width:430px){.contact:after{display:none}}@-webkit-keyframes contactAnim{50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes contactAnim{50%{-webkit-transform:scale(1.4);transform:scale(1.4)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:440px){.contact .navigation{display:none}}.contact .logo{right:1rem;top:8px}.contact .contact-form{margin:7% 0 0 24%;max-width:50%;max-width:350px;position:relative}@media screen and (max-width:740px){.contact .contact-form{margin:2rem 0 0 30%}}@media screen and (max-width:440px){.contact .contact-form{margin-left:2rem}}.contact .contact-form h2{color:#c2c2c2;margin-bottom:20px}.contact .contact-form h2:before{border:1px solid #05d6b3;border-radius:50%;content:"";height:60px;left:-30px;position:absolute;top:-20px;width:60px;z-index:-1}.contact .contact-form .form-content{display:grid;grid-template-rows:repeat(4,1fr) 100px}.contact .contact-form .form-content input,.contact .contact-form .form-content textarea{background:none;border-bottom:1px solid #05d6b3;color:#f0f8ff;font-family:font-1,sans-serif;font-size:1.2rem}@media screen and (min-width:1200px){.contact .contact-form .form-content input,.contact .contact-form .form-content textarea{font-size:1.5rem}}.contact .contact-form .form-content input{padding:24px 0 12px;width:100%}@media screen and (max-width:540px){.contact .contact-form .form-content input{padding:12px 0 6px;width:75%}}.contact .contact-form .form-content .email-content{border-bottom:1px solid #05d6b3;position:relative;width:100%}@media screen and (max-width:540px){.contact .contact-form .form-content .email-content{width:75%}}.contact .contact-form .form-content .email-content #not-mail{color:#fd5757;display:none;position:absolute;right:0;top:8px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}@-webkit-keyframes dongle{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-10px);transform:translate(-10px)}20%{-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-transform:translate(-10px);transform:translate(-10px)}40%{-webkit-transform:translate(10px);transform:translate(10px)}50%{-webkit-transform:translate(-10px);transform:translate(-10px)}60%{-webkit-transform:translate(10px);transform:translate(10px)}70%{-webkit-transform:translate(-10px);transform:translate(-10px)}80%{-webkit-transform:translate(10px);transform:translate(10px)}90%{-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes dongle{0%{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-10px);transform:translate(-10px)}20%{-webkit-transform:translate(10px);transform:translate(10px)}30%{-webkit-transform:translate(-10px);transform:translate(-10px)}40%{-webkit-transform:translate(10px);transform:translate(10px)}50%{-webkit-transform:translate(-10px);transform:translate(-10px)}60%{-webkit-transform:translate(10px);transform:translate(10px)}70%{-webkit-transform:translate(-10px);transform:translate(-10px)}80%{-webkit-transform:translate(10px);transform:translate(10px)}90%{-webkit-transform:translate(-10px);transform:translate(-10px)}to{-webkit-transform:translate(0);transform:translate(0)}}.contact .contact-form .form-content .email-content input{border:none}.contact .contact-form .form-content textarea{padding:24px 0;resize:none}@media screen and (max-width:540px){.contact .contact-form .form-content textarea{padding:12px 0;width:75%}}.contact .contact-form .error::-webkit-input-placeholder{color:#fd5757}.contact .contact-form .error:-ms-input-placeholder{color:#fd5757}.contact .contact-form .error::placeholder{color:#fd5757}.contact .contact-form .form-message{background:#05d6b3;border-radius:4px;box-shadow:0 0 2px rgba(51,51,51,.3);color:#000;margin-top:10px;opacity:0;padding:12px;transition:.3s ease}.contact .contact-infos{bottom:0;display:grid;grid-template-rows:repeat(4,23%) 12%;height:70%;max-width:500px;position:absolute;right:0;width:30%}@media screen and (max-width:740px){.contact .contact-infos{grid-template-areas:"a b c" "d d d" "e e f";grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;height:200px;max-width:100%;width:100%}}@media screen and (max-width:540px){.contact .contact-infos{grid-template-areas:"b b b c c c" "d d d d d d" "e e e e f f";grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,60px)}}@media screen and (max-height:500px){.contact .contact-infos{display:none}}@media screen and (min-width:1200px){.contact .contact-infos{height:83%;width:35%}}.contact .contact-infos h4{color:#c2c2c2;font-size:1.3rem;font-weight:200;margin-bottom:10px}@media screen and (min-width:1200px){.contact .contact-infos h4{font-size:1.8rem}}.contact .contact-infos p{color:#636363}@media screen and (min-width:1200px){.contact .contact-infos p{font-size:1.5rem}}@media screen and (max-height:640px){.contact .contact-infos .email,.contact .contact-infos .phone{display:none}}.contact .contact-infos .email .content p,.contact .contact-infos .phone .content p{transition:.25s}.contact .contact-infos .email .content p:hover,.contact .contact-infos .phone .content p:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.contact .contact-infos .address{position:relative}@media screen and (max-width:540px){.contact .contact-infos .address{display:none}}.contact .contact-infos .address .content{position:absolute;right:10px}.contact .contact-infos .phone{position:relative}@media screen and (max-width:540px){.contact .contact-infos .phone{font-size:.8rem;grid-area:b;text-align:center}}.contact .contact-infos .phone .content{left:40%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:540px){.contact .contact-infos .phone .content{left:0;margin:0 auto;position:relative;-webkit-transform:translateX(0);transform:translateX(0)}.contact .contact-infos .email{font-size:.8rem;grid-area:c;text-align:center}}.contact .contact-infos .social-network{margin:0 auto;position:relative;width:80%}@media screen and (max-width:740px){.contact .contact-infos .social-network{grid-area:d;width:50%}}@media screen and (min-width:1200px){.contact .contact-infos .social-network{font-size:2rem}}.contact .contact-infos .social-network .content{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contact .contact-infos .credits{text-align:center}@media screen and (max-width:740px){.contact .contact-infos .credits{font-size:.7rem;grid-area:f;margin-right:1rem;-webkit-transform:translateY(20px);transform:translateY(20px)}}.contact .contact-infos .credits p{font-size:.9rem}.logo{font-family:font-2,serif;font-size:1.2rem;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none}.logo:after{border:1px solid #05d6b3;border-radius:50%;content:"";height:24px;left:-12px;position:absolute;top:1px;width:24px;z-index:-1}.project{height:100vh;position:absolute;width:100vw}.project:after{border:1px solid #05d6b3;border-radius:50%;bottom:-200px;content:"";height:340px;left:-80px;position:absolute;width:340px;z-index:-1}@media screen and (max-width:810px){.project:after{bottom:-110px;height:200px;width:200px}}@media screen and (max-width:430px){.project:after{left:-500px}}.project .navigation{-webkit-animation:navProject 1s ease forwards;animation:navProject 1s ease forwards;font-size:1.1rem;left:60%;line-height:20px;top:5px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}@media screen and (max-width:650px){.project .navigation{left:30%}}@-webkit-keyframes navProject{to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes navProject{to{-webkit-transform:translateY(0);transform:translateY(0)}}.project .navigation:before{left:-120px;top:-250px}.project .navigation .nav-projects{padding:0 20px;-webkit-transform:translateX(67px);transform:translateX(67px)}.project .project-main{display:grid;grid-template-columns:33% 67%;margin:8rem 1rem 0;position:relative;text-align:right}@media screen and (max-width:810px){.project .project-main{grid-template-columns:25% 75%}}@media screen and (max-width:700px){.project .project-main{grid-template-columns:1fr;grid-template-rows:100px 1fr}}@media screen and (max-height:600px){.project .project-main{margin:3rem 1rem 0}}.project .project-main .project-content{margin-right:20px}@media screen and (max-width:700px){.project .project-main .project-content{align-items:center;display:flex;justify-content:space-between;padding:0 .5rem}}.project .project-main .project-content h1{-webkit-animation:transformTitle 1.5s ease forwards;animation:transformTitle 1.5s ease forwards;color:#05d6b3;font-family:font-2,serif;font-size:3rem;margin-bottom:12px;margin-top:20px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:150%;transform-origin:150%}@media screen and (max-width:810px){.project .project-main .project-content h1{font-size:2rem}}@media screen and (max-width:450px){.project .project-main .project-content h1{font-size:.2rem}}@-webkit-keyframes transformTitle{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes transformTitle{to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.project .project-main .project-content p{color:#38383a;font-size:1.2rem;margin-bottom:30px}@media screen and (max-width:700px){.project .project-main .project-content p{margin:0}}@media screen and (max-width:450px){.project .project-main .project-content p{font-size:.9rem}}.project .project-main .project-content p:after{background:#021035;border-radius:50%;content:"";height:340px;left:190px;position:absolute;top:-10px;width:340px;z-index:-10}@media screen and (max-width:810px){.project .project-main .project-content p:after{height:220px;left:-30px;width:220px}}.project .project-main .project-content li{font-size:1.5rem}@media screen and (max-width:700px){.project .project-main .project-content li{font-size:1.1rem}}@media screen and (max-width:400px){.project .project-main .project-content li{font-size:.8rem}}.project .project-main .img-content{margin-left:10px;margin-top:20px;position:relative;text-align:left}@media screen and (max-width:700px){.project .project-main .img-content{margin:0 auto;text-align:center}}@media screen and (max-width:500px){.project .project-main .img-content{margin:0 auto;text-align:left}}.project .project-main .img-content .img-container{border-radius:5px;box-shadow:0 2px 4px rgba(51,51,51,.26);height:380px;overflow:hidden;position:relative;width:600px}@media screen and (max-width:940px){.project .project-main .img-content .img-container{height:300px;width:500px}}@media screen and (max-width:540px){.project .project-main .img-content .img-container{height:200px;width:370px}}@media screen and (max-width:400px){.project .project-main .img-content .img-container{height:150px;width:280px}.project .project-main .img-content .img-container p{color:red}}.project .project-main .img-content .img-container p{color:#bebebe}@media screen and (max-width:500px){.project .project-main .img-content .img-container p{font-size:1rem;margin:0 auto;text-align:left}}.project .project-main .img-content .img-container:hover span,.project .project-main .img-content .img-container span:hover{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.project .project-main .img-content .img-container img{height:100%;object-fit:fill;object-position:0;overflow:hidden;position:absolute;position:relative;transition:.4s ease-out;width:100%}.project .project-main .img-content .img-container img:hover,.project .project-main .img-content .img-container img span:hover img{-webkit-filter:opacity(15%) contrast(150%);filter:opacity(15%) contrast(150%);-webkit-transform:scale(1.2);transform:scale(1.2)}.project .project-main .img-content .img-container span{bottom:20px;font-size:1.5rem;left:0;line-height:34px;margin:0 auto;padding:1rem;position:absolute;-webkit-transform:translateY(200px);transform:translateY(200px);transition:.5s ease;visibility:hidden;width:100%}.project .project-main .img-content .img-container span h3{color:#027994;padding-bottom:10px}.project .button-container{width:130px}.project .button-container a .button{align-items:center;background:#05d6b3;color:#000;display:flex;justify-content:center}@media screen and (max-width:410px){.project .button-container a .button{font-size:.85rem;width:100px}}.project .button-container a .button:hover{background:#021035;color:#05d6b3}.notFound{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}.notFound h2{font-size:4rem;padding:2rem}.notFound h2:after{background:#021035;border-radius:50%;content:"";height:500px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:500px;z-index:-1}.notFound h3{font-size:2rem;padding:10px;transition:.4s}.notFound h3:hover{-webkit-transform:scale(1.3);transform:scale(1.3)}.cursor{-webkit-backdrop-filter:brightness(300%);backdrop-filter:brightness(300%);border:1px solid #05d6b3;border-radius:50%;height:60px;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:100% 100%;transform-origin:100% 100%;transition:all .5s ease;transition-property:background,-webkit-transform;transition-property:background,transform;transition-property:background,transform,-webkit-transform;width:60px;z-index:2}.hovered{background-color:#05d6b3 #000;cursor:none;height:30px;transition:.3s ease-out;width:30px}.dynamic-text{display:flex;position:relative}.dynamic-text .simply{color:#c2c2c2}.dynamic-text #text-target{-webkit-animation:color 30s infinite alternate;animation:color 30s infinite alternate;display:flex;-webkit-perspective:200px;perspective:200px;text-align:left;-webkit-transform:translateX(26px);transform:translateX(26px);width:300px}.dynamic-text .word{position:absolute}@-webkit-keyframes color{0%{color:#05d6b3}50%{color:#c2c2c2}to{color:#05d6b3}}@keyframes color{0%{color:#05d6b3}50%{color:#c2c2c2}to{color:#05d6b3}}.dynamic-text .letter{-webkit-transform:translateZ(200px);transform:translateZ(200px)}@-webkit-keyframes anim{25%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}32%{opacity:0;-webkit-transform:translateZ(-280px) translateX(200px);transform:translateZ(-280px) translateX(200px)}}@keyframes anim{25%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}32%{opacity:0;-webkit-transform:translateZ(-280px) translateX(200px);transform:translateZ(-280px) translateX(200px)}}.random-circle{-webkit-animation:circleAnim 16s infinite alternate;animation:circleAnim 16s infinite alternate;background:#021035;border-radius:50%;height:400px;position:absolute;width:400px;z-index:-1}@-webkit-keyframes circleAnim{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes circleAnim{50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:630px){.random-circle{display:none}}
/*# sourceMappingURL=main.06e1bde2.css.map*/