@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&family=Varela+Round&display=swap);body input,body textarea{all:unset;box-sizing:border-box}*,:after,:before{box-sizing:border-box}:root{font-size:62.5%}:root body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;font-family:Varela Round,sans-serif;margin:0;overflow:hidden}:root body h1,:root body h4{margin:0;padding:0}:root body a,:root body p{color:hsla(0,0%,100%,.7);font-size:2.4rem}:root body svg{box-sizing:initial}:root body .bold{font-weight:700}:root body .pointer{cursor:pointer}:root body .select-disable{-webkit-user-select:none;-o-user-select:none;user-select:none}:root body .fade-out{opacity:0;transition:z-index 1s,opacity .5s;z-index:-1}:root body .fade-in{opacity:1;transition:opacity 1s .5s;z-index:0}:root body .color-primary{color:#1d43a6}:root body .color-white-50{color:hsla(0,0%,100%,.5)}:root body .bg-color-primary{background-color:#1d43a6!important}@media(max-width:767px){:root{font-size:50%}}.home-page{background-color:#101010;display:flex;flex:1 1;flex-direction:column;height:100vh;left:0;position:absolute;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.home-page img{bottom:-20px;-webkit-filter:drop-shadow(5px 0 0 #fff) drop-shadow(0 5px 0 #fff) drop-shadow(-5px 0 0 #fff) drop-shadow(0 -5px 0 #fff) opacity(.2);filter:drop-shadow(5px 0 0 white) drop-shadow(0 5px 0 white) drop-shadow(-5px 0 0 white) drop-shadow(0 -5px 0 white) opacity(.2);height:inherit;left:0;margin:auto;max-height:92%;position:absolute;right:0;width:auto;z-index:-1}.home-page.active{-webkit-transform:translateY(0);transform:translateY(0)}.home-page .title{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-top:14.4rem;z-index:999}.home-page .title .is{font-size:2.5rem;margin-bottom:-8px}.home-page .title .name{color:#fff;font-size:9.6rem;margin-bottom:-5px}.home-page .title .subtitle{align-items:center;display:flex;flex-direction:column}.home-page .title .subtitle .job{color:#1d43a6;font-size:2.7rem;text-transform:uppercase}.home-page .title .subtitle .joke{color:#1d43a6;font-size:1.5rem;text-transform:uppercase}.home-page .title .subtitle:hover .job,.home-page .title .subtitle:hover .joke{color:rgba(206,26,69,.9)}.home-page .content{align-items:center;align-items:flex-end;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:4rem;padding-left:8rem;padding-right:8rem;z-index:999}.home-page .content>div{flex:1 1}.home-page .content .social-network{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.home-page .content .social-network>span{font-size:2rem;font-weight:700;padding-left:2rem}.home-page .content .social-network .icons{display:flex;gap:2rem;justify-content:space-between;margin-top:1.6rem}.home-page .content .social-network .icons>svg{height:25px!important}.home-page .content .social-network .icons>svg:first-child{height:30px!important}.home-page .content .discover-me{position:relative;text-align:center}.home-page .content .discover-me>span{font-size:1.6rem;text-transform:uppercase}.home-page .content .discover-me .arrow{background:#fff;cursor:pointer;height:2px;margin:0 auto 7px;position:relative;width:2px;z-index:999}.home-page .content .discover-me .arrow:after,.home-page .content .discover-me .arrow:before{background:#fff;content:"";height:2px;position:absolute;width:10px}.home-page .content .discover-me .arrow:before{bottom:3px;left:-7.5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.home-page .content .discover-me .arrow:after{bottom:3px;left:-1px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.home-page .content .discover-me .circle{background-color:#1d43a6;border-radius:50%;bottom:0;height:2.5rem;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;width:2.5rem;z-index:0}.home-page .content .dev{font-family:Roboto,sans-serif;font-size:3.8rem;text-align:right}.home-page .content .dev .dot{color:#1d43a6}@media(max-width:767px){.home-page .content{align-items:flex-end;padding-left:2rem;padding-right:2rem}.home-page .content>div{flex:1 1}.home-page .content .social-network>span{padding-left:3rem}.home-page .content .social-network .icons{justify-content:center}}.big-title h1,.big-title h4{font-weight:400}.big-title .subtitle{font-size:5rem;text-transform:uppercase}.big-title .subtitle .letter{display:inline-block;line-height:1em;white-space:pre}.big-title h4{color:#1d43a6;font-size:2rem}.big-title h4,.footer{text-transform:uppercase}.footer{align-items:center;background-color:#101010;display:flex;font-size:1.8rem;grid-column:2/-1;height:6rem;justify-content:space-between;padding-bottom:4rem;padding-right:7rem}.footer .dev{font-family:Roboto,sans-serif;font-size:3rem;text-align:right}@media(max-width:767px){.footer{padding-bottom:2rem;padding-right:0}}.menu{justify-content:center}.menu,.menu .item{align-items:center;display:flex;flex-direction:column}.menu .item{color:hsla(0,0%,100%,.75);position:relative;text-transform:uppercase}.menu .item .group-item{align-items:center;display:flex;flex-direction:column;margin-bottom:.6rem}.menu .item .group-item>span{font-size:1.3rem}.menu .item .separate-line{transition:height 1s}.menu .item .circle,.menu .item .separate-line{background-color:hsla(0,0%,100%,.75);margin-bottom:.6rem}.menu .item .circle{border-radius:50%;height:1.5rem;transition:background-color 1s;width:1.5rem}@media screen and (max-width:1000px){.menu,.menu .item{flex-direction:row}.menu .item{align-items:flex-start}.menu .item .group-item{text-align:center;width:10rem}.menu .item .separate-line{margin-top:.6rem;transition:width 1s}}@media screen and (max-width:700px){.menu .item .separate-line{display:none}}.skill{flex-direction:column;text-align:center;width:15rem}.skill,.skill .icon{align-items:center;display:flex;justify-content:center}.skill .icon{border:1px solid #1d43a6;border-radius:50%;padding:2.6rem}.skill .title{color:#1d43a6;font-size:2.4rem;margin-top:.9rem}.step-frame{align-items:center;color:hsla(0,0%,100%,.75);display:flex;flex:1 1;flex-direction:column;height:50rem;justify-content:space-between;max-width:20rem;padding:2rem 1rem}.step-frame .informations{align-items:center;display:flex;flex-direction:column}.step-frame .informations .title{font-size:3.2rem}.step-frame .informations .sub-title{font-size:1.9rem}.step-frame .icons{display:flex;flex-direction:column}.step-frame .icons svg{padding:.8rem 0}.step-frame .year{font-size:1.9rem}.input-cpt{background-color:transparent;border:1px solid #fff;color:#fff;font-size:1.8rem;height:7rem;max-width:70rem;padding:2rem 2.4rem;width:100%}.input-cpt .input{height:100%;padding-bottom:.7rem;width:100%}.input-cpt .error{color:#f35959;font-size:1rem}.button-cpt{align-items:center;background-color:#1d43a6;color:#fff;display:flex;font-size:1.8rem;height:7rem;justify-content:center;max-width:20rem;padding:2rem 2.4rem;text-align:center;text-decoration:none;width:100%}.button-cpt.disabled{cursor:default;opacity:.5}@media(max-width:767px){.button-cpt{height:6rem;max-width:16rem}}.about-me-page .sub-content{display:flex}.about-me-page .sub-content .informations .text{padding-right:11rem}.about-me-page .sub-content .informations .skills{display:flex;justify-content:space-between;margin-top:6rem;max-width:76rem}.about-me-page .sub-content .picture>img{border-radius:50%;height:35rem;object-fit:cover;width:35rem}@media(max-width:767px){.about-me-page .sub-content{flex-direction:column-reverse}.about-me-page .sub-content .informations .text{padding-right:0;padding-top:1rem}.about-me-page .sub-content .informations .skills .skill .title{font-size:1.8rem}.about-me-page .sub-content .informations .skills .skill .icon{padding:2rem}.about-me-page .sub-content .informations .skills .skill .icon>svg{height:30px!important;width:30px!important}.about-me-page .sub-content .picture{margin-top:2rem;text-align:center}.about-me-page .sub-content .picture>img{height:25rem;width:25rem}}.project-page .sub-content{display:flex}.project-page .sub-content .picture>img{height:40rem}.project-page .sub-content .details{padding-left:4rem;padding-right:3rem}.project-page .sub-content .details .icons{display:flex;margin-top:8rem}.project-page .sub-content .details .icons svg{padding-right:4.8rem}@media(max-width:767px){.project-page .sub-content{align-items:center;flex-direction:column}.project-page .sub-content .picture{margin-top:2rem}.project-page .sub-content .picture>img{height:20rem}.project-page .sub-content .details{padding:0}.project-page .sub-content .details .icons{justify-content:center}}.career-page{justify-content:space-between!important;margin-right:14rem;padding:4.5rem 0}.career-page .step-frame{height:100%}@media(max-width:767px){.career-page{grid-row-gap:3rem;align-items:center;display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:0!important}.career-page .icon-step{text-align:center}}.contact-page{align-items:flex-start!important;display:flex;flex-direction:column;justify-content:center!important;padding-bottom:1rem;padding-top:3rem}.contact-page .input-cpt{margin-bottom:2.6rem}.screen{height:100vh;overflow:hidden;position:relative}.screen .container-grid{grid-gap:1rem;background-color:#101010;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr auto;height:100vh;left:0;overflow:hidden;position:absolute;top:0;-webkit-transform:translateY(100%);transform:translateY(100%);transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;width:100%}.screen .container-grid.active{-webkit-transform:translateY(0);transform:translateY(0)}.screen .container-grid .big-title{grid-column:2/-1;padding-top:9rem}.screen .container-grid .container>div{overflow:hidden;width:100%!important}.screen .container-grid .container>div .content{align-items:center;display:flex;height:100%;justify-content:center}@media(max-width:767px){.screen .container-grid{display:flex;flex-direction:column;justify-content:space-between;overflow:auto;padding:0 4rem}.screen .container-grid .big-title{padding-top:3rem}.screen .container-grid .container .content{margin-bottom:4rem}}
/*# sourceMappingURL=main.c919a508.css.map*/