:root {
    --color-primario: #E6FDFF;
    --fuente-principal: 'Courier New', Courier, monospace;
    --tamano-fuente: 50px;
}


* {
    box-sizing: border-box;
    padding: 0px;
    margin: 0px;
    background: #E6FDFF;

}

body {
    margin-top: 30px;
    margin-left: 25%;
    margin-right: 25%;
}

header {
    border: 8px solid #00838f;
    border-radius: 50px;
    font-family: var(--fuente-principal);
    font-size: 2em;
    text-align: center;
    padding: 25px;
    margin-bottom: 20px;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;


}

a:link {
    color: #004147;
    text-decoration: none;
}

a:visited {
    color: #00C0D1;
}

.grid1 {
    font-size: 1.5em;
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto;
    justify-content: left right;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid #00838f;
    border-radius: 25px;
    gap: 10px;
    margin-bottom: 5px;
}

@media (width <885px) {
    body {
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .grid1 {
        font-size: 1em;
        padding: 10px;
        border-radius: 15px;
        margin-bottom: 2px;
    }

    header {
        font-size: 1em;
        padding: 15px;
      
    }

}