:root {
    
    --primary-color:   hsl(204, 57%, 51%);
    --primary-color-hover: hsl(204, 58%, 39%);
    --secondary-color: #f8f9fa; /* Gris claro */

    --font1:'Bai Jamjuree', sans-serif;
    --font2:'Karla', sans-serif;
  
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: sans-serif;
}

.top-section {
    height: 50%;
    background-color: var(--primary-color);
}

.bottom-section {
    height: 50%;
    background-color: var(--secondary-color);
}