@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:#020024}html{height:100%;scroll-behavior:unset;width:100%}a,a:visited{color:#d5cfe9}body{background:#000;background-repeat:no-repeat;color:#fff;font-family:font-1,sans-serif;height:100%;overflow:hidden;width:100%}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{background:#000;border-radius:50%;color:#ff6d7a;font-size:18px;height:130px;left:1rem;line-height:22px;padding:20px;position:absolute;top:1rem;width:130px}@media screen and (max-width:768px){.navigation{font-size:20px;top:10px}}.navigation:before{animation:circlA 2s linear infinite;background:linear-gradient(#fdcd3b 1%,#000 0);border-radius:50%;content:"";height:calc(100% + 5px);left:-3px;position:absolute;top:-3px;width:calc(100% + 5px);z-index:-3}@keyframes circlA{0%{rotate:0}50%{rotate:180deg}to{rotate:1turn}}.navigation .nav-active{color:#fff}.navigation ul:hover li:not(:hover){opacity:.5}.navigation ul:hover li:hover{color:#fff}.navigation .nav-portfolio{cursor:pointer;display:flex;transition:1s}.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{background:#000;border:1px solid #ffea02;border-radius:10px;left:23px;list-style-type:circle;opacity:0;padding:0 30px;perspective:500px;position:absolute;transform:translateX(0);transition:.3s;visibility:hidden;width:350px;z-index:30}@media screen and (max-width:430px){.navigation .nav-portfolio .nav-projects{left:0}}.navigation .nav-portfolio .nav-projects li{transform:rotatey(30deg) scaleX(1.2);transform-origin:center;transition:.9s}.linkGit{height:55px;width:55px}.homeContainer{margin:0;padding:0}.home,.homeContainer{height:100%;width:100%}.home{position:absolute}.myLogo{height:50px;margin-top:50px;padding-right:100px;right:100px;text-align:right;width:100%}.blockTitle{background:#000;border-radius:6px;height:auto;margin-bottom:130px;padding:0 170px 22px 20px;position:absolute;width:auto}@media screen and (max-width:992px){.blockTitle{margin-bottom:130px;padding:0 100px 22px 20px}}@media screen and (max-width:768px){.blockTitle{margin-bottom:0;padding:0 0 5px 20px;top:350px;width:250px}}@media screen and (max-width:425px){.blockTitle{top:300px}}.blockTitle:after,.blockTitle:before{animation:homeAnim 420s linear infinite;background:linear-gradient(45deg,#e6fb04,#f60,#0f6,#0ff,#f0f,#f09,#6e0dd0,#f30,#099fff);background-size:200%;content:"";filter:blur(5px);height:calc(100% + 5px);left:-3px;position:absolute;top:-3px;width:calc(100% + 5px);z-index:-3}@keyframes homeAnim{0%{background-position:0 0}50%{background-position-x:3000%}to{background-position:0 0}}.blockTitle:after{filter:blur(50px);height:30px;left:-25%;margin-top:200px;top:150px;transform:perspective(2rem) rotateX(10deg);width:150%}@media screen and (max-width:992px){.blockTitle:after{margin-top:0}}@media screen and (max-width:768px){.blockTitle:after{display:none}}.titleHome{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 30%;position:relative;top:430px}@media screen and (min-width:768px){.titleHome{top:630px}}.titleHome h1{font-size:20px;font-weight:200;text-align:center}@media screen and (max-width:470px){.titleHome h1{font-size:14px}}.phraseAccroche{font-size:18px;padding:0 250px;position:relative;text-align:center;top:70px}@media screen and (max-width:820px){.phraseAccroche{padding:0 150px}}@media screen and (max-width:620px){.phraseAccroche{padding:0 50px}}@media screen and (max-width:470px){.phraseAccroche{font-size:14px}}.home-main{align-items:center;display:grid;height:100%;justify-items:center;padding-top:50px}@media screen and (max-width:420px){.home-main{height:0}}.home-main .main-content{-webkit-user-select:none;user-select:none}.home-main .main-content h2{font-family:font-2,serif;font-size:80px;position:relative;z-index:1}@media screen and (max-width:992px){.home-main .main-content h2{font-size:60px}}@media screen and (max-width:768px){.home-main .main-content h2{font-size:20px}}.home-main .main-content h2:before{animation:h1Anim 1.5s ease forwards;border:2px solid #0213fc;border-radius:50%;content:"";height:180px;left:-80px;position:absolute;top:-30px;transform:scale(0);width:180px;z-index:-2}@media screen and (max-width:992px){.home-main .main-content h2:before{height:122px;left:-47px;top:-17px;width:122px}}@media screen and (max-width:768px){.home-main .main-content h2:before{height:50px;left:-27px;top:-12px;width:50px}}@keyframes h1Anim{to{transform:scale(1)}}.home-main .main-content h3{font-size:80px;font-weight:100;z-index:3}@media screen and (max-width:992px){.home-main .main-content h3{font-size:60px}}@media screen and (max-width:768px){.home-main .main-content h3{font-size:20px}}@media screen and (max-width:620px){.home-main .main-content h3{font-size:14px}}.logoMarque{height:auto;left:30px;width:100%}@media screen and (max-width:520px){.logoMarque{height:25px}}.logos{align-items:center;bottom:90px;display:flex;height:90px;justify-content:space-around;padding:0 50%}@media screen and (max-width:520px){.logos{height:550px}}.logoTechnos{height:40px;padding:5px}@media screen and (max-width:768px){.logoTechnos{height:30px}}@media screen and (max-width:520px){.logoTechnos{height:30px}}.buttonContactContainer{align-items:center;bottom:80px;content:"";display:flex;height:auto;justify-content:center;position:absolute;width:100%}@media screen and (min-width:768px){.buttonContactContainer{bottom:25px;justify-content:right}}.social-network{position:absolute;right:0;top:0}@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:70%}}.social-network ul a{padding:1rem;transition:1.1s ease-out}.social-network ul img{height:30px;width:30px}.scroll-bottom a{animation:jumpArrow 3s ease-in-out infinite;color:lime;font-size:6rem;padding:0 14px;position:absolute;top:400px;transform:translate(-50%,-50%);transition:.25s;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.scroll-bottom a{top:400px}}@media screen and (max-width:620px){.scroll-bottom a{top:510px}}@media screen and (max-width:440px){.scroll-bottom a{top:595px}}.scroll-bottom a:hover{color:#fbff00;font-size:6.8rem}@keyframes jumpArrow{0%{color:lime}50%{color:#ff0037}to{color:lime}}.scroll-bottom .left{left:24px}@media screen and (max-width:768px){.scroll-bottom .left{left:30px}}.scroll-bottom .right{right:-30px}@media screen and (max-width:768px){.scroll-bottom .right{right:-25px}}.contact{height:100vh;position:absolute;width:100vw}.contact:before{animation:contactAnim 5s infinite alternate;background:#000;border-radius:50%;content:"";height:700px;position:absolute;right:-460px;top:150px;width:700px}@media screen and (max-width:768px){.contact:before{bottom:50%;height:400px;right:50%;width:400px}}@media screen and (max-width:430px){.contact:before{display:none}}.contact:after{animation:contactAnim 4s infinite alternate;background:linear-gradient(blue,red);border-radius:50%;content:"";filter:blur(10px);height:705px;position:absolute;right:-460px;top:148px;width:705px;z-index:-10}@media screen and (max-width:768px){.contact:after{bottom:50%;height:400px;right:50%;width:400px}}@media screen and (max-width:430px){.contact:after{display:none}}@keyframes contactAnim{0%{filter:blur(10px);transform:rotate(0deg)}50%{filter:blur(300px);scale:.5}to{filter:blur(10px);transform:rotate(1turn)}}.contact .logo{right:1rem;top:1rem}.contact .form-container{margin:7% 0 0 24%;max-width:50%;max-width:300px;position:relative}@media screen and (max-width:768px){.contact .form-container{margin:30% 0 0 14%}}@media screen and (max-width:440px){.contact .form-container{margin-left:2rem;padding:0 30px}}.contact .form-container h2{margin-bottom:50px}@media screen and (max-width:768px){.contact .form-container h2{margin-bottom:30px}}@media screen and (max-width:440px){.contact .form-container h2{margin-top:150px;text-align:center}}.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;color:#7fffd4;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:20px;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;color:#000;cursor:pointer;font-size:1.2rem;height:55px;margin-top:20px;transition:.2s;width:126px}@media screen and (max-width:768px){.contact .form-container input.button{font-size:1rem;height:40px;width:90px}}.contact #mess{color:#fff}.contact .formMessage p{border:3px solid #adff2f;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:768px){.contact-infos{bottom:-40px;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:375px){.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)}}.contact-infos h4{color:#d5cfe9;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:768px){.contact-infos .social-network{grid-area:d;width:50%}}.contact-infos .social-network .content{left:50%;position:absolute;transform:translateX(-50%)}.contact-infos .credits{display:flex;flex-direction:column-reverse;text-align:center}@media screen and (max-width:768px){.contact-infos .credits{font-size:.7rem;margin-right:1rem;transform:translateY(20px)}}.contact-infos .credits p{font-size:.9rem}@media screen and (max-width:375px){.contact-infos .credits p{margin-left:30px;margin-top:30px;min-width:100px;text-align:end}}.logo{font-family:font-2,serif;font-size:24px;margin-top:20px;position:absolute;-webkit-user-select:none;user-select:none}.logo:after{border:1px solid #00c1ec;border-radius:50%;content:"";height:50px;left:-20px;position:absolute;top:-8px;width:50px;z-index:-1}.project{align-items:center;height:100%;position:absolute;width:100%}.project:after{border:1px solid blue;border-radius:15px;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 .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;display:flex;grid-template-columns:24% 67%;margin:5rem 5rem 0;position:relative}@media screen and (max-width:992px){.project .project-main{flex-direction:column;grid-template-columns:25% 75%;margin:5rem 40px}}@media screen and (max-width:700px){.project .project-main{grid-template-columns:1fr;grid-template-rows:100px 1fr}}@media screen and (max-height:640px){.project .project-main{margin:3rem 1rem 0}}.project .project-main .project-content{border:2px solid green;border-radius:20px;height:auto;margin:5rem;min-width:200px;padding-bottom:20px}@media screen and (max-width:700px){.project .project-main .project-content{margin:50px 10px;max-width:150px;padding:10px}}.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:992px){.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:#d5cfe9;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:#0000;border:1px solid red;border-radius:15px;content:"";height:340px;left:450px;position:absolute;top:50%;width:340px;z-index:-1}@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:3rem;max-height:300px;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:3px solid #ff7b00;border-radius:20px;box-shadow:10px 20px 10px #00000042;height:auto;overflow:hidden;position:relative;width:auto}@media screen and (max-width:940px){.project .project-main .img-content .img-container{height:300px;width:500px}}@media screen and (max-width:640px){.project .project-main .img-content .img-container{height:200px;width:370px}}@media screen and (max-width:500px){.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%;max-height:400px;object-position:100%;scale:1.02;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:1rem;left:0;line-height:18px;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{background:#0000;display:flex;justify-content:space-between;margin-top:30px}.project .button-container a .button{align-items:center;background:#00c1ec;color:#020024;display:flex;justify-content:center;margin:0}@media screen and (max-width:500px){.project .button-container a .button{font-size:.85rem;height:40px;width:auto}}.project .button-container a .button:hover{background:#e7f7fe;color:#00c1ec}.gitCode{align-items:center;display:flex;flex-direction:row-reverse}.gitCode p{margin-right:5px}.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)}.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;font-size:50px;position:relative}@media screen and (max-width:768px){.dynamic-text{font-size:18px}}.dynamic-text #text-target{animation:color .75s infinite alternate;display:flex;perspective:200px;text-align:left;transform:translateX(26px);width:300px}.word{animation:wordEntry 1s ease-out}@keyframes wordEntry{0%{color:#fff;opacity:0;transform:translateY(-200px)}30%{color:red;opacity:1;transform:translateY(0)}50%{color:#059b00;opacity:1;transform:translateY(-50px)}to{color:#059b00;opacity:1;transform:translateY(0)}}.buttonContact{align-items:center;background:linear-gradient(90deg,#77130a,#c72727,#77130a,#c72727,#77130a,#c72727);background-position:0;background-size:250%;border:none;border-radius:10px;color:#ff6608;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;overflow:hidden;position:relative;transition-duration:1s;width:140px}.buttonContact:before{background-color:rgba(0,0,0,.842);background-size:200%;border-radius:8px;color:#fff;content:"Un projet...? Contactez-moi";height:90%;position:absolute;text-align:center;transition-duration:1s;width:97%}.buttonContact:hover,.buttonContact:hover:before{background-position:100%;transition-duration:1s}.buttonContact:active{transform:scale(.95)}
/*# sourceMappingURL=main.48ec3b2a.css.map*/