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

    body {background-image: url('../assets/background-mobile.png');}
    header {width: 90vw;}
    h1 {font-size: 7.0vw;}
    h2 {font-size: 5.0vw;}
    nav {display: none}
    main {padding-top: 10rem; width: 95%;}
    .timeline-section {padding: 4rem 1rem;}
    .timeline {margin-left: 5px;}
    .timeline-date {left: -35px;}
    .timeline-content {margin-top: 2rem; margin-left: -20px;}
    .contact-section {padding: 2rem 2rem 2rem 0.35rem;}
    .competences-section {padding: 2rem 1rem;}
    .formations-section {padding: 2rem 1rem;}
    #interets {}
    .interest-card.active {flex: 0 0 160px; box-shadow: 0 0 25px rgba(168, 139, 255, 0.2), 0 0 50px rgba(127, 140, 255, 0.15);}
    .focus-container {flex-direction: column; overflow: visible; padding: 2rem 1rem;}
    .contact-form button {width: 378px;}

}