@charset "UTF-8";
@font-face {font-family: helvetica_regular;src: url(./font/HelveticaNeue.woff), url(./font/HelveticaNeue-Bold.woff2);}
@font-face {font-family: helvetica_bold;src: url(./font/HelveticaNeue-Bold.woff), url(./font/HelveticaNeue-Bold.woff2);}
@font-face {font-family: ocr-x;src: url(./font/OCR-XUnlicensedTrial-Regular.woff), url(./font/OCR-XUnlicensedTrial-Regular.woff2);}
html, body {margin: 0;background: #fff;color: #000;overflow-x: hidden;}
body{display: flex;flex-direction: column;align-items: center;  }
h1{font-size: 60px;} 
h1{font-family: helvetica_bold;}
p{font-family: helvetica_regular;}
a {color: black;text-decoration: none;}
h6{font-size: 15px;font-family: ocr-x;}
span{font-family: ocr-x;}
footer{font-family: ocr-x;position: absolute;}
.about_content{grid-template-columns: 1fr;}
.element{font-family: ocr-x;border-style: solid;border-width: 2px;border-color: black;border-radius: 5px;padding: 10px;width: fit-content;}
.interests{width: 50%;}
.softwares_element, .interests_element{display: grid;grid-template-columns: auto auto;gap: 10px;width: 100%;}
.photo_moi img{display: block;width: 100%;height: auto;max-width: 300;}
.images img{display: block;width: 100%;height: auto;max-width: 230px;}
.images{display: grid;grid-template-columns: 1fr 1fr;}
.projects_img {display: grid;grid-template-columns: 1fr;gap: 24px;padding: 5px;}
.projects_img img {display: block;width: 100%;max-width: 320px;height: auto;border: #000 solid 2px;border-radius: 2px;}
.project_more{display: grid;grid-template-columns: 1fr 1fr;gap: 24px;padding: 5px;}
.project_more img{display: block;width: 100%;max-width: 360px;height: auto;border: #000 solid 2px;border-radius: 2px;}
.project_media img{display: block;width: 100%;height: auto;}
.project_side{display: grid;grid-template-columns: 1fr;}
.project_carousel {width: 100%;max-width: 1100px;margin: 2rem auto 3rem;padding: 0 1rem;}
.carousel_slide { margin: 0; }
.carousel_slide img {display: block;width: 100%;height: auto;}
.carousel_bar {display: flex;justify-content: flex-end;margin-top: 1rem;}
.carousel_nav {display: flex;gap: 0.75rem;}
.carousel_btn {display: inline-flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;padding: 0;line-height: 1;color: #000;background: transparent;border: 1px solid #000;cursor: pointer;}
.carousel_btn:hover.carousel_btn:focus-visible {color: #fff;background: #000;}
@media (min-width: 576px) { nav, span{font-size: 20px;}header{display: flex;justify-content: space-between;align-items: flex-start;}p{font-size: 13px;}.background{display: flex;justify-content: space-between;}footer{right: 50px;bottom: 100px;}}
@media (min-width: 992px) { h1{font-size: 125px;} nav, footer, span{font-size: 20px;}.images { grid-template-columns: repeat(3, 2fr); }.background{display: flex;justify-content: space-between;}footer{position: relative;right: -380px;margin-top: 25px;margin-bottom: 50px;}.images img{width: 70%;}.images{display: grid;grid-template-columns: 1fr 1fr 1fr;}.projects_img {grid-template-columns: repeat(2, 1fr);}.project_more {grid-template-columns: repeat(6, 1fr);}p{font-size: 15px;}.carousel {padding: 0;margin-top: -100;}.carousel_slide img {aspect-ratio: 3 / 2;}.carousel_slide figcaption {font-size: 0.9rem;}.carousel .carousel_dots [data-bs-target] {width: 3rem;}}
@media (min-width: 1400px) { h1 {font-size: 170px;margin-top: 140px;} nav, footer {font-size: 25px;}header {align-items: baseline;}p{font-size: 20px;}.images img{ width: 70%;}.images{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}.about_content{display: flex;flex-direction: row;margin-top: -20px;}.things_about{ width: 50%;}.softwares_container{display: flex;flex-direction: row;justify-content: space-between;}.projects_img {grid-template-columns: repeat(6, 1fr);margin-top: 120px;margin-bottom: 140px;}.photo_moi img{display: block;width: 70%;}.projects_img img {width: 100%;max-width: none;}.project_more {grid-template-columns: repeat(6, 1fr);margin-top: 100px;}.project_more img{width: 135px;max-width: none;}.project_media img{display: block;width: 100%;}.project{display: flex;flex-direction: row;}.project_side{width: 50%;}.background{display: flex;justify-content: space-between;flex-direction: row;}.carousel{margin-top: -25px;}.carousel_slide figcaption {font-size: 1rem;}.carousel_slide img{width: 90%;}footer{right: -650px;bottom: 10px;}}
.nav{align-items: baseline;display: flex;justify-content: space-between;}
.nav_a{display: flex;gap: 1rem;}
.nav{font-family: ocr-x;}