* {
    box-sizing: border-box;
    margin: 0;
}

body {
    background-image: url(./images/image.jpg);
    padding: 50px;
    line-height: 1.5;
    color: rgb(212, 208, 208);
    font-size: 1.2rem;
}

#cv {
    max-width: 800px;
    border: 3px solid rgb(253, 253, 222);
    border-radius: 1rem;
    backdrop-filter: blur(10px);
    margin: 0 auto;
    padding: 4rem 3rem;
    animation: zoom 10s infinite alternate;
}

#cv:hover {
    animation: paused;
}

#name {
    font-size: 2rem;
    margin-bottom: .2rem;
    color: white;
    line-height: .6;
}

#first-name {
    margin-bottom: 1rem;
    font-size: 1.5rem;
    color: white;
}

.profil {
    text-align: justify;
}

.profil p {
    text-indent: 2rem;
}

.conteneur {
    display:  flex;
    gap: 1rem;
    margin-top: 2rem;
}

.conteneur > section {
    flex: 1;
}

.conteneur > section:first-child {
    border-right: 3px solid white;
    padding-right: 1rem;
}

hr {
    margin: 20px 0;
}

#interest ul {
    list-style: disc;
}

#language ul {
    list-style-type: circle;
}

.title-section {
    margin-bottom: 1rem;
    color: white;
}

.item-section {
    margin-top: .8rem;
}

.sub-title-section {
    font-weight: 700;
}

ul {
    list-style: none;
}

ul > li {
    margin-bottom: .5rem;
}

.date {
    color: gray;
}

@media (prefers-reduced-motion: reduce) {
  #cv { animation: none; }
}

@media (max-width: 800px) {
    #cv {
        border-width: 1px;
        border-radius: .5rem;
        padding: 2rem;
    }
    .conteneur {
        flex-direction: column;
    }
    .conteneur > section:first-child {
        border-right: none; 
        padding-right: 0;
    }
}

@keyframes zoom {
  from {
    transform: scale(.92);
    opacity: .8;
  }
  to {
    transform: scale(1.02);
    opacity: 1;
  }
}