@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:visible;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{animation:navAnim 20s infinite alternate;background:#e7f7fe;border-radius:50%;content:"";height:300px;left:-160px;position:absolute;top:-150px;width:300px;z-index:-1}@keyframes navAnim{50%{transform:scale(1.2)}to{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{transform:rotatey(0deg)}.navigation .nav-portfolio .nav-projects{opacity:0;padding:0 40px;perspective:500px;position:absolute;transform:translateX(70px);transition:.3s;visibility:hidden;width:300px}.navigation .nav-portfolio .nav-projects li{transform:rotatey(30deg) scaleX(1.2);transform-origin:center;transition:.3s}.home{height:100vh;position:absolute;width:100vw}.home:after{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}}@keyframes homeAnim{50%{transform:scale(.8)}to{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{animation:h1Anim 1.5s ease forwards;border:1px solid #00c1ec;border-radius:50%;content:"";height:225px;left:-180px;position:absolute;top:-40px;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}}@keyframes h1Anim{to{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%;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{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}}@keyframes contactAnim{50%{transform:scale(1.4)}to{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:140px;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{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;transform:translateX(-50%)}@media screen and (max-width:540px){.contact-infos .phone .content{left:0;margin:0 auto;position:relative;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;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;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{display:none;left:-500px}}.project .navigation{animation:navProject 1s ease forwards;font-size:1.1rem;left:60%;line-height:20px;top:5px;transform:translateY(-100%)}@media screen and (max-width:650px){.project .navigation{left:70%}}@keyframes navProject{to{transform:translateY(0)}}.project .navigation:before{left:-120px;top:-250px}.project .navigation .nav-projects{padding:0 20px;transform:translateX(67px)}.project .logo{animation:logoProject 2s ease forwards;left:50%;top:10px;transform:translateX(-50%);transform:scale(0)}@keyframes logoProject{to{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:170px 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{animation:transformTitle 1.5s ease forwards;color:#00c1ec;font-family:font-2,serif;font-size:3rem;margin-bottom:12px;transform:scaleX(0);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}}@keyframes transformTitle{to{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 p{font-size:.5rem;line-height:10px}}.project .project-main .img-content .img-container{border-radius:5px;box-shadow:0 2px 4px #33333342;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{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{filter:opacity(15%) contrast(150%);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;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{animation:circleAnim 16s infinite alternate;background:#e7f7fe;border-radius:50%;height:400px;position:absolute;width:400px;z-index:-1}@keyframes circleAnim{50%{transform:scale(.7)}to{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%;transform:translate(-50%,-50%);width:500px;z-index:-1}.notFound h3{font-size:2rem;padding:10px;transition:.4s}.notFound h3:hover{transform:scale(1.3)}@media screen and (max-width:810px){.notFound h3{bottom:-110px}}.cursor{-webkit-backdrop-filter:brightness(115%);backdrop-filter:brightness(115%);border:1px solid #00c1ec;border-radius:50%;height:62px;pointer-events:none;position:absolute;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{animation:color 30s infinite alternate;display:flex;perspective:200px;text-align:left;transform:translateX(26px);width:300px}.dynamic-text .word{position:absolute}@keyframes color{0%{color:blue}50%{color:#ec006e}to{color:blue}}.dynamic-text .letter{transform:translateZ(200px)}@keyframes anim{25%{opacity:1;transform:translateZ(0)}32%{opacity:0;transform:translateZ(-280px) translateX(200px)}}.notFounds{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}@media screen and (max-width:510px){.notFounds{bottom:-110px;padding-top:130%}.notFounds .notFounds{height:180vh}}.notFounds h2{font-size:4rem;padding:2rem}.notFounds h2:after{background:#e7f7fe;border-radius:50%;content:"";height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px;z-index:-1}.notFounds h3{font-size:2rem;padding:10px;transition:.4s}.notFounds h3:hover{transform:scale(1.3)}
/*# sourceMappingURL=main.f2937b23.css.map*/