@media only screen and (min-width: 740px){
    
    body{
        position: relative;
    }

    header{
        padding: 45px 15px 15px;
    }

    /* loading_screen */
    .loading_title{
        font-size: 3rem;
    }

    .menu_icon{
        display: none;
    }

    .menu_body{
        display: none;
    }

    .menu_date{
        display: block;
    }

    .menu_date span{
        font-weight: 400;
    }

    .header_container{
        display: grid;
        grid-template-columns: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem) 1fr;

    }

    .header_container .menu_list{
        display: grid;
        border: 0;
        border-radius: 0;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .menu_item{
        border-left: solid 1px #303538;
        border-bottom: 0;
    }

    .menu_link{
        padding: 15px;
        color: #303538;
        font-size: 1rem;
    }

    .menu_link_inactive{
        padding: 15px;
        color: #303538;
        font-size: 1rem;
    }

    /* scroll animations */

    .content-block:nth-child(2){
        transition-delay: 200ms;
    }
    .content-block:nth-child(3){
        transition-delay: 400ms;
    }
    .content-block:nth-child(4){
        transition-delay: 600ms;
    }
    .content-block:nth-child(5){
        transition-delay: 600ms;
    }
    .content-block_cv{
        transition-delay: 400ms;
    }
    .content-block_typewriter {
        transition-delay: 600ms;
    }
    .portfolio{
        transition-delay: 800ms;
    }
    
    .social_link:nth-child(1){
        transition-delay: 200ms;
    }
    .social_link:nth-child(2){
    transition-delay: 200ms;
    }
    .social_link:nth-child(3){
    transition-delay: 200ms;
    }
      
    /* page_home */
    .main-title{
        display: flex;
    }

    .main-title .content-block_empty{
        content: "";
        width: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem);
        display: flex;
        align-items: center;
    }

    .page_container{
        padding: 0 15px 45px;
    }

    .main-title .content-block_empty img{
        display: block;
        width: 90px;
        padding: 0 15px 15px;
    }

    .main-title h1{        
        padding: 30px 15px 45px;
        font-size: 3rem;
        text-align: left;
    }

    /* grid */
    .page_home{
        margin-bottom: 30px;
    }

    .page_home .main-block_content{
        display: grid;
        grid-template-columns: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem) 2fr 1fr;
        border-top: solid 1px #303538;
        border-radius: 0 8px 0 0;
    }

    .content-block_img{
        position: relative;
        grid-row-start: 1;
        grid-row-end: 4;
    }
    .content-block_img img{
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding: 30px;
        background-clip: content-box;
        background-color: #d6e2e0;
    }

    .content-block_description{
        border: 0;
        border-left: solid 1px #303538;
        border-right: solid 1px #303538;
        border-radius: 0;
        padding-right: 4rem;
        padding-bottom: 2rem;
    }

    .content-block_about{
        border-radius: 0 0 0 8px;
        padding-right: 4rem;
    }

    .content-block_location{
        grid-column-start: 3;
        grid-row-start: 3;
        height: 100%;
        border-bottom: solid 1px #303538;
        border-left: solid 0px #303538;
        border-radius: 0 0 8px 0;
    }

    .content-block_cv{
        grid-column-start: 3;
        grid-row-start: 2;
        border-top: solid 1px #303538;
        border-left: solid 0px #303538;
        border-radius: 0;
    }

    .content-block_typewriter{
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 2;
        border: solid 1px #303538;
        padding: 15px;
        padding-bottom: 2rem;
    }

    .content-block_info{
        grid-column-start: 3;
        grid-row-start: 1;
        border: 0;
        border-right: solid 1px #303538;
        border-radius: 0 8px 0 0;
        border-right: solid 1px #303538;
    }

    .link{
        position: relative;
    }

    .link:before{
        position: absolute;
        content: "";
        width: 100%;
        background-color: #303538;
    }

    /* page_projects */
    .main-block_header{
        justify-content: left;
        padding: 0;
    }

    .title_jo{
        width: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem);
    }
    .main-block_header .content-block_empty{
        content: "";
        width: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem);
        display: flex;
        align-items: center;
    }

    .main-block_header .content-block_empty img{
        display: block;
        width: 90px;
        padding: 0 15px 15px;
    }

    .main-block_header .content-block_empty .memoji_contact{
        display: block;
        width: 110px;
        padding: 0 15px 15px;
    }

    .main-block_header .content-block_empty .img_memoji_project{
        display: block;
      }
      
    .btn_back{
        display: none;
        font-weight: 500;
        line-height: 50px;
        font-size: 2rem;
    }

    .main-block_header h1{
        text-align: left;
        padding: 30px 15px 45px;
        font-size: 3rem;
    }

    .page_projects .main-block_content{
        display: grid;
        grid-template-columns: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem) 2fr 1fr;
        grid-template-rows: 1fr;
        border-top: solid 1px #303538;
        border-radius: 0 8px;
    }

    .block-miniature{
        display: block;
        position: relative;
    }

    .miniature-img{
        position: absolute;
        width: 100%;
        height: 160%;
        object-fit: cover;
        padding: 30px;
    }
    #miniature_graphisme{
        display: none;
    }

    .projects_list{
        grid-column-start: 2;
        grid-column-end: 3;
        border-top: 0;
        border-bottom: solid 1px #303538;
        border-radius: 0px 0px 0px 8px;
    }

    .page_projects .content-block_info{
        grid-column-start: 3;
        grid-column-end: 4;
        border: 0;
        border-right: solid 1px #303538;
        border-bottom: solid 1px #303538;
        border-radius: 0 8px 8px 0;
    }

    .page_projects .content-block_pojects{
        grid-column-start: 1;
        grid-column-end: 3;
        border: 0;
        border-radius: 0px;
    }

    #projects_item_last{
        border-bottom: 0;
    }

    .title-projects-tbd{
        border-radius: 0;
    }

    /* page_dev_web */
    .page_code .main-block_content{
        display: grid;
        grid-template-columns: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem) 2fr 1fr;
        grid-template-rows: 1fr;
        border-top: solid 1px #303538;
        border-right: solid 1px #303538;
        border-radius: 8px;
        margin-bottom: 45px;
        border-bottom: solid 1px #303538;
    }

    .page_code .content-block_info{
        display: block;
        position: sticky;
        top: 0px;
        grid-column-start: 3;
        grid-column-end: 4;
        border: 0;
    }

    .content-block_image_miniature{
        display: block;
        grid-column-start: 1;
        grid-column-end: 3;
        padding: 0;
        border-right: solid 1px #303538;
        border-left: solid 1px #303538;
        border-radius: 8px 0 0 0;
        overflow: hidden;
    }

    .content-block_image_miniature p{
        opacity: 50%;
    }

    .content-block_image_miniature img{
        border-radius: 0;
    }

    .page_code .content-block_pojects{
        grid-column-start: 1;
        grid-column-end: 3;
        border: 0;
        border-radius: 0px;
    }

    .content-block_pojects .show_content-block_pojects{
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .title-projects{
        border-top: solid 1px #303538;
        border-left: solid 1px #303538;
        border-right: solid 1px #303538;
        border-radius: 0;
        padding: 15px;
        grid-column-start: 1;
        grid-column-end: 3;
        border-bottom: 0;
        overflow: hidden;
    }

    .title-projects.active{
        border-radius: 0;
    }

    #title-projects_last.active{
        border-radius: 0;
    }

    .title-projects h4{
        font-size: 1.5rem;
    }

    .page_code .content-block_pojects{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .page_code .content-block_image img{
        margin: auto;        
    }

    .content-block_group_image p{
        padding-bottom: 30px;
        max-width: 34rem;
    }

    .page_code .body-projects{
        border-left: solid  1px #303538;
    }

    .body-projects h5{
        margin: 0;
        font-size: 1.2rem;
    }

    .body-projects p{
        margin: 0;
    }

    #title-projects{
        grid-column-start: 1;
        grid-column-end: 3;
        border-bottom: 0;
    }
    #title-projects_last{
        grid-column-start: 1;
        grid-column-end: 3;
        border-bottom: 0;
        border-radius: 0 0 0 8px;
    }

    .projects-topic{
        padding: 15px;
        margin: 0;
    }
    
    .topic_content{
        grid-column-start: 2;
        grid-column-end: 3;
        padding: 15px 15px 45px;
        /* margin-bottom: 30px; */
        max-width: 34rem;
        border-left: solid 1px #303538;
    }
    
    #body-projects_1{
        padding: 0;
        display: grid;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 27.5% 1fr;
    }

    #body-projects_1{
        padding: 0;
        display: grid;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 27.5% 1fr;
    }

    #body-projects_2{
        padding: 0;
        display: grid;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 27.5% 1fr;
    }

    #body-projects_2{
        padding: 0;
        display: grid;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 27.5% 1fr;
    }
    #body-projects_2 .content-block_group_image{
        border-left: solid 1px #303538;
        border-radius: 0 ;
        padding: 15px 15px 45px;
    }
    #body-projects_2 .content-block_group_image_2{
        border-left: solid 1px #303538;
        border-radius: 0;
        padding: 15px 15px 45px;
    }

    #body-projects_1 .content-block_group_image_3{
        border-left: solid 1px #303538;
        border-radius: 0;
        padding: 15px 15px 45px;
    }
    #body-projects_2 .content-block_group_image_2 .content-block_image{
        background-color: #d6e2e0;
        border-radius: 8px;
    }
    #body-projects_2 .content-block_image img{
        width: 60%;
        margin-left: 0;
    }

    .body-projects_last{
        padding: 0;
        margin: 0;
        display: grid;
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template-columns: 27.5% 1fr;
        border-radius: 0;
        border-bottom: 0;
        gap: 0;
    }
    .body-projects_last .projects-topic{
        margin: 0;
        font-size: 1.2rem;
    }
    .body-projects_last .topic_content{
        margin: 0;
    }

    #body-projects_last{
        border-radius: 0 0 0 8px;
        margin-bottom: 0;
    }

    .content-block_pojects{
        margin-bottom: 0;
    }

    #content-block_pojects_last{
        margin-bottom: 0;
    }

    .content-block_image{
        max-width: 100%;
        height: auto;
    }

    /* page_graphisme */
    .page_illustration .page_container{
        padding-bottom: 45px;
    }

    .page_illustration .main-block_content{
        display: grid;
        grid-template-columns: 2fr 2fr 1fr;
        grid-template-rows: 1fr;
        border-top: solid 1px #303538;
        border-right: solid 1px #303538;
        border-bottom: solid 1px #303538;
        border-radius: 8px;
        margin-bottom: 0;
    }

    .page_illustration .content-block_info{
        display: block;
        position: sticky;
        top: 0px;
        grid-column-start: 3;
        grid-column-end: 4;
        border: 0;
    }

    .page_illustration .content-block_pojects{
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .page_illustation__body-projects{
        display: block;
        padding: 15px;
        margin: 0;
        column-count: 3;
        column-gap: 15px;
        border-radius: 0 0 0 8px;
        border-bottom: 0;
        border-right: solid 1px #303538;
        border-left: solid 1px #303538;
        border-top: solid 1px #303538;
    }

    .page_illustration .content-block_image{
        padding: 0;
    }

    /* page_musique */


    /* page_contact */
    .page_contact .main-block_content_contact{
        display: grid;
        grid-template-columns: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem) 2fr 1fr;
        grid-template-rows: 1fr;
        border-top: solid 1px #303538;
        border-radius: 0 8px;
    }

    .main-block_content{
        grid-column-start: 2;
        grid-column-end: 3;
        gap: 0;
        border-top: 0;
        border-radius: 0px 0px 0px 8px;
    }

    .contact-content-block_text{
        padding-bottom: 45px;
        padding-right: 4rem;
    }

    .page_contact .content-block_info{
        grid-column-start: 3;
        grid-column-end: 4;
        border: 0;
        border-right: solid 1px #303538;
        border-bottom: solid 1px #303538;
        border-radius: 0 8px 8px 0;
    }

    /* footer */
    footer{
        display: block;
    }

    .footer_container{
        padding: 0px 15px 45px;
        text-align: right;
        display: grid;
        justify-content: right;
        grid-template-columns: clamp(6.25e-8rem ,-13.2172205305rem + 53.8105672997vw ,138.125rem) 1fr;
    }


.no-scroll{
    overflow-x: hidden; /* Hide scrollbars */
    position: fixed; /* Fix the body in place */
    width: 100%; /* Ensure it takes up full width */
    padding-right: 15px;
  }
    
}

@media only screen and (max-width: 1000px){

    .page_illustation__body-projects{
        column-count: 2;
    }

}