.App{background-color:#130e16;height:auto;text-align:center;-webkit-user-select:None;user-select:None}body,html{cursor:none}html{background-color:#130e16;scroll-behavior:smooth}a{cursor:none;text-decoration:none}::-webkit-scrollbar{display:none;overflow:hidden}.header-component{background-color:initial;cursor:None;height:100vh}.Name{font-family:Lexend;padding-left:5%;padding-top:12%;text-align:left}#Hi{animation-delay:1s;animation:fadeIn 1s ease-in-out forwards;color:#804abe;margin-bottom:1%;transition:opacity 1s ease-in-out}#Hi,#Mathis{font-family:Lexend;opacity:0}#Mathis{animation-delay:5s;animation:fadeIn 5s ease-in-out forwards;color:#fff;display:inline;font-size:9vh;position:relative;transition:opacity 5s ease-in-out}#Mathis:after{background-color:#804abe;border-radius:2px;bottom:-4%;box-shadow:0 8px 15px #9f55ff;content:"";height:8%;left:0;position:absolute;width:100%}.swiper-container{height:100vh;width:100%}#Texte_animation{animation-delay:5s;animation:fadeIn 5s ease-in-out forwards;color:grey;opacity:0;transition:opacity 5s ease-in-out}#picture_about_me{animation-delay:2s;animation:fadeIn 2s ease-in-out forwards;left:55%;opacity:0;padding-left:10%;position:absolute;top:2%;transition:opacity 2s ease-in-out}@keyframes fadeIn{to{opacity:1}}#section{border:dashed blue}#social{animation-delay:5s;animation:fadeIn 5s ease-in-out forwards;display:flex;flex-direction:row;height:2%;justify-content:space-between;opacity:0;padding-left:5%;padding-top:1%;transition:opacity 5s ease-in-out;width:15%}#social a{padding-left:20%}#back-to-top-button{position:fixed}#back-to-top-section{color:#fff}#back-to-top-section>img{animation:mover 1s infinite alternate;height:6%;left:45%;opacity:.5;position:absolute;rotate:180deg;top:85%;width:6%;z-index:45}#back-to-top-section>a{cursor:None}.pageMain{height:100vh;max-width:90%;overflow:hidden}.full-height::-webkit-scrollbar{display:none}.pageMain::-webkit-scrollbar{display:none;overflow:hidden}#aboutmecomponent{color:grey}#text_me{color:#fff;font-family:Lexend;font-size:9vh;margin:auto;padding-top:10%;width:95%}.project-container{grid-gap:1%;display:grid;gap:1%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:95vh;margin-top:2%}.box{padding:20px}.box1{grid-row:span 1}.box1,.box2{grid-column:span 1}.box2{margin-right:5%}.box2,.box3{grid-row:span 3}.box3{grid-column:span 2}#project-title{padding-top:20%;position:relative}#project-title,#project-title-2{color:#fff;display:inline;font-family:Lexend;font-size:9vh}#project-title-2{padding-top:65%;position:absolute;right:9%;transform:translateY(-50%)}.project-container2{grid-gap:1%;display:grid;gap:1%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:95vh}#project-title-3{color:#fff;display:inline;font-family:Lexend;font-size:9vh;padding-top:30%;position:absolute;right:10%}.project-container3{grid-gap:1%;display:grid;gap:1%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);height:95vh}.box{border:2px solid grey;border-radius:5%;margin:4%;overflow:hidden;position:relative;text-align:center}.project-title{font-size:3rem}.box img{height:100%;left:0;object-fit:cover;top:0;transition:transform .3s ease}.box img,.project-title{position:absolute;width:100%}.project-title{color:#000;font-family:Lexend,sans-serif;font-size:2rem;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1}.box:hover img{transform:scale(1.1)}.form-component{display:flex;font-family:Lexend;height:100vh;padding-left:5%;text-align:left}.WhiteH4Title{color:#fff;font-size:4vh}.GreyH5Text,.WhiteH4Title{animation-delay:1s;animation:fadeIn 1s ease-in-out forwards;margin-bottom:1%;margin-left:1%;margin-top:0;opacity:0;transition:opacity 1s ease-in-out}.GreyH5Text{color:grey;font-size:3vh}#contactAndSocial{margin-right:10%;padding-top:5%}#contact{padding-bottom:20%}.PageTitle{animation-delay:5s;animation:fadeIn 5s ease-in-out forwards;color:#fff;display:inline;font-size:9vh;opacity:0;position:relative;transition:opacity 5s ease-in-out}#Touch{animation-delay:1s;animation:fadeIn 1s ease-in-out forwards;color:#804abe;font-size:4vh;margin-bottom:1%;margin-left:1%;margin-top:0;opacity:0;transition:opacity 1s ease-in-out}#emailAdress,#phoneNumber{padding-bottom:20%;text-align:justify}#socialIcons{animation-delay:5s;animation:fadeIn 5s ease-in-out forwards;display:flex;flex-direction:row;height:2%;justify-content:space-between;opacity:0;padding-left:5%;padding-top:1%;transition:opacity 5s ease-in-out;width:15%}#socialIcons a{padding-left:60%}a:hover{cursor:None}#cv{margin-left:15%;padding-top:7%;text-align:justify}#cv h4{margin-left:45%}#cvContent{padding-top:8%;text-align:center}#LittleSubtitle{animation-delay:1s;animation:fadeIn 1s ease-in-out forwards;color:#8d62be;font-size:2vh;margin-bottom:1%;margin-left:1%;margin-top:0;opacity:0;transition:opacity 1s ease-in-out}#qrcode{height:50%;width:50%}#animationArrow{height:50%;left:65%;position:absolute;transform:scaleX(-1) rotate(75deg);width:30%}#playerAnimation{padding-top:7%}@font-face{font-family:Lexend;src:url(/PortFolio_React_Duban/static/media/Lexend-Regular.6da6431a76b62006dd10.ttf) format("truetype")}.timeline-component{cursor:none;display:flex;flex-direction:column;height:100vh;padding-left:5%;padding-right:5%;text-align:left}#timelineTitle{font-family:Lexend;margin-right:10%;padding-top:5%}.horizontal-stepper{background:#0000;cursor:none;width:250%}.horizontal-stepper .MuiStepConnector-alternativeLabel{border-top:1px solid #fff;color:#fff;left:calc(-50% + 12px);right:calc(50% + 12px)}.horizontal-stepper .MuiStepConnector-line{border-color:#fff;border-top-width:1px}.horizontal-stepper .MuiStepIcon-root:first-child,.horizontal-stepper .MuiStepLabel-label:first-child{color:#fff}.horizontal-stepper .MuiStepLabel-root:first-child .MuiStepLabel-label{position:relative}.horizontal-scroll{-ms-overflow-style:none;height:50%;overflow-x:auto;padding-top:25%;scrollbar-width:none;width:100%}.horizontal-scroll::-webkit-scrollbar{cursor:none;display:none}.scroll-buttons{display:flex;justify-content:space-between;margin-top:20px}.stepLabelBottom{cursor:none;font-family:Lexend;padding-top:5%;text-align:center}.stepTitle{font-size:3vh;margin-top:-5%}.stepDate,.stepTitle{cursor:none;margin-bottom:0}.stepDate{color:#afaeae;font-size:2vh;margin-top:0}.StepDescription{cursor:none;font-size:2vh;margin-bottom:0;margin-top:0;vertical-align:top}.stepLabelTop{cursor:none;font-family:Lexend;position:absolute;text-align:center;top:-150%;width:100%}#step-3 .stepLabelTop .stepTitle{margin-top:-12%}.stepDescription{color:#804abe}#step-2 .stepLabelTop{margin-top:-7.5%}#step-0 .stepDescription{margin-bottom:1%}#gauche{color:#fff}#gauche>img{left:2%;rotate:-90deg}#droite>img,#gauche>img{animation:mover 1s infinite alternate;height:10%;opacity:.5;position:absolute;top:250%;width:10%;z-index:45}#droite>img{cursor:none;left:85%;rotate:90deg}#gauche>a{cursor:None}@keyframes mover{0%{transform:translateY(0)}to{transform:translateY(-20px)}}
/*# sourceMappingURL=main.04a6badb.css.map*/