:root{
    --my-color: #ff2233;
    --purple: #ad7df9;
    --light-green: #9ae779;
    --yellow: #ffd72e;
    --red-orange: #ee4036;
    --tangerine: #f7941f;
    --denim: #0f76bd;
    --forest-green: #0B9444;
    --pink: #f39ec5;
    --night: #222223;
    --day: #f1ece6;
}

h1{
    pointer-events: none;
}

.container{
    scroll-snap-type: y mandatory;
    height: 100vh;
    overflow-y: scroll;
}

.container section{
    height: 100vh;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    padding-bottom: 90px;
}

section.first{
    justify-content: end;
}


.profile img{
    width: 35px;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
}

.profile{
    display: flex;
    align-items: center;
    font-size: 1.2em;
    gap: 5px;
}

.comment-header{
    display: flex;
    justify-content: space-between;
}

.stars{
    display: flex;
    gap: 3px;
}

#reviews div{
    background-color: var(--night);
    color: var(--day);
}

/* Reviews display */
#reviews{
    max-height: 70%;
    overflow-y: scroll;
}

.lieu a:link, .lieu a:visited, .adresse a:link, .adresse a:visited{
    color: inherit;
    text-decoration: underline;
}

div.event-info{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

#description{
    overflow-y: scroll;
    max-height: 50%;
}

.descr-lieu{
    max-height: 33% !important;
}

.timetable-container{
    margin-top: 20px;
}

.map-container{
    background-image: url(/img/map.png);
    background-position: center;
    background-size: cover;
    width: 100%;
    aspect-ratio: calc(4/3);
    margin-bottom: 20px;
}