@font-face {
    font-family: 'Manrope';
    src: url('../fonts/Manrope.ttf');
}

:root {
    --dark-color: #222222;
    --light-color: #fbf5f3;
    --error-color: #B00020;
    --accent-color: #1471B6;
}

html, body {
    height: 100%; /* Ensure the body takes the full height of the viewport */
    margin: 0; /* Remove default margin */
}

html {
    font-size: 62.5%;
}

body {
    padding: 0;
    font-size: 1.6em;
    font-family: Manrope, sans-serif;
    display: flex;
    flex-direction: column; /* Stack children vertically */
}


main {
    padding: 1.8rem 3.6rem;
    flex: 1; /* Allow the main content to grow and take available space */
}

/* Footer styling */
footer {
    background-color: #f8f8f8;
    padding: 1.5rem 0 0.5rem;
    text-align: center;
}