@font-face{font-family:font-1;src:url(/static/media/Questrial-Regular.96dd668fc36d87af7f89.ttf)}@font-face{font-family:font-2;src:url(/static/media/Michroma-Regular.c12a12d1198168c85097.ttf)}*{border:none;box-sizing:border-box;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}::selection{background:#00c1ec;color:#fafeff}html{scroll-behavior:unset}a,a:visited{color:#8d8d8d}body{background-color:#fafeff;color:#282828;font-family:font-1,sans-serif;height:100vh;overflow:hidden}@media screen and (max-width:430px){body{max-width:100vw;overflow-y:initial;position:relative}}main{position:relative}.button{background:#e7f7fe;border-radius:50px;cursor:pointer;font-size:1.2rem;height:55px;margin-top:20px;transition:.2s;width:126px}.button:hover{color:#00c1ec;letter-spacing:1px}.navigation{color:#8d8d8d;font-size:1.4rem;left:1.4rem;line-height:28px;position:absolute;top:1rem}.navigation:before{-webkit-animation:navAnim 20s infinite alternate;animation:navAnim 20s infinite alternate;background:#e7f7fe;border-radius:50%;content:"";height:300px;left:-160px;position:absolute;top:-150px;width:300px;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:#282828}.navigation ul:hover li:not(:hover){opacity:.5}.navigation ul:hover li:hover{color:#282828}.navigation .nav-portfolio{cursor:pointer;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:.3s}.home{height:100vh;position:absolute;width:100vw}.home:after{-webkit-animation:homeAnim 26s infinite alternate;animation:homeAnim 26s infinite alternate;background:#e7f7fe;border-radius:50%;bottom:-480px;content:"";height:800px;position:absolute;right:0;width:800px;z-index:-2}@media screen and (max-width:650px){.home:after{bottom:-270px;height:400px;width:400px}}@-webkit-keyframes homeAnim{50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes homeAnim{50%{-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-transform:scale(1.1);transform:scale(1.1)}}@media screen and (max-width:430px){.home:after{display:none}}.home .home-main{align-items:center;display:grid;height:95%;justify-items:center}.home .home-main .main-content{-webkit-user-select:none;user-select:none}.home .home-main .main-content h1{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 #00c1ec;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.2rem;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 a{color:#b8b7b7;font-size:3rem;padding:0 14px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.25s;-webkit-user-select:none;user-select:none}.scroll-bottom a:hover{font-size:4rem}.scroll-bottom .left{left:15px}.scroll-bottom .right{right:-24px}.contact{height:100vh;position:absolute;width:100vw}.contact:after{-webkit-animation:contactAnim 25s infinite alternate;animation:contactAnim 25s infinite alternate;background:#e7f7fe;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 .form-container{margin:7% 0 0 24%;max-width:50%;max-width:300px;position:relative}@media screen and (max-width:740px){.contact .form-container{margin:2rem 0 0 30%}}@media screen and (max-width:440px){.contact .form-container{margin-left:2rem}}.contact .form-container h2{margin-bottom:50px}.contact .form-container h2:after{border:1px solid #00c1ec;border-radius:50%;content:"";height:70px;left:133px;position:absolute;top:-22px;width:70px;z-index:-1}.contact .form-container .form-content{display:grid}.contact .form-container .form-content input,.contact .form-container .form-content textarea{background:none;border-bottom:1px solid #00c1ec;border-radius:5px;font-family:font-1,sans-serif;font-size:1.2rem}@media screen and (min-width:1200px){.contact .form-container .form-content input,.contact .form-container .form-content textarea{font-size:1.5rem}}.contact .form-container .form-content input{margin-bottom:30px;padding:10px 6px}.contact .form-container textarea{height:70px;padding:6px 0;resize:none}@media screen and (max-width:540px){.contact .form-container textarea{padding:12px 0;width:75%}}.contact .form-container input.button{background:#e7f7fe;border:none;border-radius:50px;cursor:pointer;font-size:1.2rem;height:55px;margin-top:20px;transition:.2s;width:126px}.contact .formMessage p{border-radius:20px;padding:5px 0;text-align:center}.contact .formMessage .success{background:#8bf88b}.contact .formMessage .error{background:#f69393}.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-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-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-infos{display:none}}@media screen and (min-width:1200px){.contact-infos{height:83%;width:35%}}.contact-infos h4{color:#8d8d8d;font-size:1.3rem;font-weight:200;margin-bottom:10px}@media screen and (min-width:1200px){.contact-infos h4{font-size:1.8rem}.contact-infos p{font-size:1.5rem}}@media screen and (max-height:640px){.contact-infos .email,.contact-infos .phone{display:none}}.contact-infos .email .content p,.contact-infos .phone .content p{transition:.25s}.contact-infos .email .content p:hover,.contact-infos .phone .content p:hover{-webkit-transform:translateX(5px);transform:translateX(5px)}.contact-infos .address{position:relative}@media screen and (max-width:540px){.contact-infos .address{display:none}}.contact-infos .address .content{position:absolute;right:10px}.contact-infos .phone{position:relative}@media screen and (max-width:540px){.contact-infos .phone{font-size:.8rem;grid-area:b;text-align:center}}.contact-infos .phone .content{left:40%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media screen and (max-width:540px){.contact-infos .phone .content{left:0;margin:0 auto;position:relative;-webkit-transform:translateX(0);transform:translateX(0)}.contact-infos .email{font-size:.8rem;grid-area:c;text-align:center}}.contact-infos .social-network{margin:0 auto;position:relative;width:80%}@media screen and (max-width:740px){.contact-infos .social-network{grid-area:d;width:50%}}@media screen and (min-width:1200px){.contact-infos .social-network{font-size:2rem}}.contact-infos .social-network .content{left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.contact-infos .credits{text-align:center}@media screen and (max-width:740px){.contact-infos .credits{font-size:.7rem;grid-area:f;margin-right:1rem;-webkit-transform:translateY(20px);transform:translateY(20px)}}.contact-infos .credits p{font-size:.9rem}.logo{font-family:font-2,serif;font-size:1.2rem;position:absolute;-webkit-user-select:none;user-select:none}.logo:after{border:1px solid #00c1ec;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 #00c1ec;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:70%}}@-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 .logo{-webkit-animation:logoProject 2s ease forwards;animation:logoProject 2s ease forwards;left:50%;top:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:scale(0);transform:scale(0)}@-webkit-keyframes logoProject{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes logoProject{to{-webkit-transform:scale(1);transform:scale(1)}}.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:#00c1ec;font-family:font-2,serif;font-size:3rem;margin-bottom:12px;-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:1.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:#8d8d8d;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:#e7f7fe;border-radius:50%;content:"";height:340px;left:70px;position:absolute;top:-28px;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;position:relative;text-align:left}@media screen and (max-width:700px){.project .project-main .img-content{margin:0 auto;text-align:center}}.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 span:hover,.project .project-main .img-content .img-container:hover span{-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.project .project-main .img-content .img-container img{height:100%;object-fit:cover;object-position:0;overflow:hidden;position:absolute;position:relative;transition:.4s ease-out;width:100%}.project .project-main .img-content .img-container img span:hover img,.project .project-main .img-content .img-container img:hover{-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:#00c1ec;color:#fafeff;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:#e7f7fe;color:#00c1ec}.project .random-circle{-webkit-animation:circleAnim 16s infinite alternate;animation:circleAnim 16s infinite alternate;background:#e7f7fe;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){.project .random-circle{display:none}}.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:#e7f7fe;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(115%);backdrop-filter:brightness(115%);border:1px solid #00c1ec;border-radius:50%;height:62px;pointer-events:none;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:.5s ease-out;width:62px;z-index:2}.cursor.hovered{height:30px;width:30px}.dynamic-text{display:flex;position:relative}.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:blue}50%{color:#ec006e}to{color:blue}}@keyframes color{0%{color:blue}50%{color:#ec006e}to{color:blue}}.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)}}
/*# sourceMappingURL=main.0274129d.css.map*/