body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    
}

body{
    background: linear-gradient(90deg, #C11119, #478900);
    color: #FFF;
}

.atma-medium {
    font-family: "Atma", serif;
    font-weight: 500;
    font-style: normal;
}

.container {
    font-family: "Atma", serif;
    margin: 27px;
}

#combinaisons {
    display: flex;
    flex-wrap: wrap;
    height: 100vh;
    justify-content: space-between;
    align-content: space-between; 
}

#combinaisons > div {
    flex: 1 1 30%;
    display: flex;
    align-items: center;
    height: 20%;
    margin: 13px;
}

.numero{
    margin-right: 20px;
}

h1 {
    font-size: clamp(2.25rem, 2.257vw + 1.792rem, 4.5rem);
    margin-bottom: 30px;
}

p {
    font-size: clamp(1rem, 0.69vw + 0.86rem, 1.688rem);
}

span {
    font-size: clamp(1.563rem, 0.69vw + 1.422rem, 2.25rem);
}