@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600&display=swap);body{margin:0}a{color:inherit;text-decoration:none}.index_container{font-family:Playfair Display,serif;-webkit-user-select:none;user-select:none}.index-background_container{background-image:url(/static/media/vincent-burkhead-LhlxYMfnTF0-unsplash.84c90b8a3bba62021629.jpg);background-size:cover;height:100vh;margin:0;overflow:hidden;position:relative;width:100vw}.index-content_container{background-color:hsla(37,32%,81%,.925);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;position:relative;width:100vw}.centered-content{display:flex;flex-direction:column;z-index:2}h1{color:#363636;font-size:100px;margin:0 auto}h1 span{color:#8f6f33;font-size:140px}.h2_container{font-size:50px;margin:20px auto 0;overflow:hidden;position:relative}.h2_container:after{-webkit-animation:comingfromlefttoright 6s ease-out 1s forwards;animation:comingfromlefttoright 6s ease-out 1s forwards;background-color:#333;content:"";height:2px;left:-680px;position:absolute;top:0;width:100%}h2{-webkit-animation:comingfromtoptobottom 1s ease-out 3s forwards;animation:comingfromtoptobottom 1s ease-out 3s forwards;color:#8f6f33;margin:0;position:relative;top:-101px}@-webkit-keyframes comingfromlefttoright{0%{left:-680px}25%{left:0}60%{left:0}to{left:680px}}@keyframes comingfromlefttoright{0%{left:-680px}25%{left:0}60%{left:0}to{left:680px}}@-webkit-keyframes comingfromtoptobottom{0%{top:-101px}to{top:0}}@keyframes comingfromtoptobottom{0%{top:-101px}to{top:0}}.paragraph_about{color:#141414;font-size:18px;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.full-color-delayed{-webkit-animation:colordelayed 1s ease forwards;animation:colordelayed 1s ease forwards;background-color:hsla(37,32%,81%,.925)}.not-full-color-delayed{animation:colordelayed 1s ease reverse forwards;background-color:#ded2bf}@-webkit-keyframes colordelayed{0%{background-color:hsla(37,32%,81%,.925)}to{background-color:#ded2bf}}@keyframes colordelayed{0%{background-color:hsla(37,32%,81%,.925)}to{background-color:#ded2bf}}.image-of-cat{height:130vh;mix-blend-mode:multiply;position:absolute;right:-260px;top:0}.paragraph_about span{font-size:1.2em}@media screen and (max-width:1440px){h1{font-size:60px}h1 span{font-size:110px}}@media screen and (max-width:900px){h1{color:#363636;flex-flow:wrap;font-size:60px;margin:0 auto}h1,h1 span{display:flex;justify-content:center}h1 span{color:#8f6f33;font-size:110px;width:100vw}.h2_container{font-size:25px;margin:20px auto 0;overflow:hidden;position:relative}}@media screen and (max-width:450px){h1{font-size:40px}h1 span{font-size:70px}.h2_container{font-size:18px}.paragraph_about{font-size:14px;margin:45px}}.menus_container{color:#363636;display:flex;font-size:26px;justify-content:space-between;padding:35px 50px;z-index:2}@media screen and (max-width:450px){.menus_container{display:flex;font-size:20px;justify-content:space-between;padding:20px 15px}}.index-background_container{overflow-y:scroll}.images_container{padding:50px;width:100%}.bloc_container,.images_container{display:flex;flex-wrap:wrap;justify-content:center}.bloc_container{align-items:center}.images-projects{cursor:pointer;height:600px}.images-projects_container{height:400px;margin:3px;overflow:hidden;width:330px}.bloc-selection,.images-projects_container{align-items:center;display:flex;justify-content:center}.bloc-selection{background-size:cover;cursor:pointer;height:65px;margin:0 20px 10px;position:relative;width:200px}.bloc-selection_design{background-color:#acacac;background-position:50%;border:3px solid #3d3d3d}.bloc-selection:before{-webkit-backdrop-filter:blur(169px);backdrop-filter:blur(169px);content:"";height:inherit;left:0;position:absolute;right:0;width:100%}.bloc-selection_code{background-color:#1a1a1a;border:3px solid #3d3d3d}.bloc-selection p{color:#fff;font-size:1.3em;z-index:2}.carousel{align-items:center;background:#00000063;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:3}.carousel-image{height:85vw;max-height:1000px;z-index:3}.card_container{background:#131313;border-radius:10px;box-shadow:0 8px 20px -3px #00000046;flex-direction:column;font-family:system-ui;height:-webkit-min-content;height:min-content;margin:15px 0;position:relative}.card_container,.card_image_cont{display:flex;overflow:hidden;width:600px}.card_image_cont{align-items:center;-webkit-filter:brightness(.58);filter:brightness(.58);justify-content:center;max-height:300px;transition:all .2s}.card_image{transition:all .2s;width:110%}.card_title{color:#fff;font-size:25px;font-weight:400;margin:0;position:relative;top:-170px;transition:all .2s}.card_info_cont{height:30px;padding:10px 20px;transition:all .2s}.card_content_text{bottom:-400px;color:#e8e8e8;font-size:14px;line-height:1.5;text-align:justify}.card_content_text,.card_stacks{position:relative;transition:all .2s}.card_stacks{color:#fff;font-weight:700;top:-45px}span.material-symbols-outlined{position:relative;top:4px}.card_container:hover .card_content_text{bottom:0}.card_container:hover .card_info_cont{height:200px}.card_container:hover .card_image_cont{-webkit-filter:none;filter:none}.card_container:hover .card_image{width:100%}.card_container:hover .card_title{color:#f1f1f1;top:0}.card_container:hover .card_stacks{top:0}@media screen and (max-width:600px){.card_container:hover .card_info_cont,.card_container:hover .card_stacks{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.card_container,.card_image_cont{width:300px}.card_image_cont{max-height:170px}.card_stacks{align-items:center;display:flex;font-size:14px;height:41px;top:-52px}.card_title{font-size:23px;top:-93px}}.code-title{-webkit-animation:none;animation:none;top:0}.projects_code-global-container{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:1265px}.projects_images{display:flex;height:550px;justify-content:space-around;overflow:hidden;width:45%}.container-text{width:45%}.img-50{height:50%}.height400{height:400px}.height300{height:300px}.projects_code-container{display:flex;justify-content:space-around;margin:50px 0 120px}.container-reverse{flex-direction:row-reverse}
/*# sourceMappingURL=main.8420b5f7.css.map*/