@font-face {
    font-family: 'DecobraRegular';
    src: url('../fonts/Decobra-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: normal;
}


@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-stretch: 75% 125%;
    font-style: italic;
}


body {
    background-color: #283618; /* Light cyan background */
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400; /* Example: regular weight */
    font-stretch: 100%; /* Example: normal width */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin: 0;
    text-align: center;
    color: #fefae0; /* Dark text for contrast */
}

h1 {
    color: #bc6c25; /* Darker cyan for the title */
    font-family: 'DecobraRegular';
    font-size: 16em;
    margin-bottom: 20px;
}

p {
    font-size: 1.2em;
    max-width: 800px;
    line-height: 1.6;
}