@import url(./style.css);

/* ====== DARK MODE ====== */

body.dark-mode h1, body.dark-mode h2, body.dark-mode p {
    color: var(--main-dark-text-color);
}

body.dark-mode .resultat {
    background-color: var(--main-dark-other-color);
}

body.dark-mode .suiv img{
    filter: invert(100%);
}

/* ====== LIGHT MODE ====== */

body.light-mode h1, body.light-mode h2, body.light-mode p {
    color: var(--main-light-text-color);
}

body.light-mode .resultat {
    background-color: var(--main-light-other-color);
}

/* ====== ECRAN DEFAUT ====== */

h1 {
    font-family: "roboto condensed", sans-serif;
    text-align: center;
}

.resultat {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 60vh;
    width: 60vw;
    margin: auto;
    padding: 2%;
    border-radius: 25px;
}

.suiv {
    align-items: self-end;
    width: 1vh;
}

.suiv img {
    width: 7vh;
}

/* ====== ECRAN TABLETTE ====== */

@media (max-width: 834px) or (max-aspect-ratio : 1/1){
    
}

/* ====== ECRAN TELEPHONE ====== */

@media (max-width: 480px){

}