:root{
    --main-brand-color: #1ca1be ;
    --primary-color: #75e5f8;
    --secondary-color: #00B0C7;
    --light-secondary-color: #53CAEC;
    --text-color: #B10DC9;
    --secondary-text-color: #ED2326;
    --text-Navi: #ffffff;
}

@font-face {
    font-family: Archivo Narrow;
    local: Archivo Narrow; 
    src: url(/Front/ArchivoNarrow-Regular.ttf); 
    }
*{
    padding: 0;
    margin: 0;
    font-family: Archivo Narrow;
    font-size: 22px;
    background-color: var(--primary-color);
    color: var(--secondary-text-color);
  
}

h1{
    font-size: 50px;
}
h2{
    font-size: 35px ;
    color: var(--text-color);
}
button{
    border-radius: 15px;
    padding: 5px;
    background-color: goldenrod; 

}