body {
        display: grid;
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #d60707;

      grid-template-areas:"head head"
                        "nav main "
                        "foot foot ";
     grid-template-rows: 30px 1fr 30px; 

    grid-template-columns: 150px 1fr; 
    }
    section#container{
        grid-area: main;
        display: grid;
        grid-template-columns: 25% 1fr 25%;
        background-color: #121212;
        justify-content: center;
        align-content: center;
        


    }
    nav{
        grid-area: nav;
        background-color: #a81f1f;
    }
    header{
        grid-area: head;
        background-color: #3f66ad;
    }
    footer{
        grid-area: foot;
        background-color: #27c922;
    }

    div#ejercicios{
        
        display: grid;
        grid-template-columns: repeat(2 , 1fr);
        grid-template-rows: 1fr;
        gap: 1rem;
        min-width: 720px;
        background-color: #4FC3F7;
        justify-content: center;
        align-content: center;
        padding: 12px;
    }
    

    h1 {
      text-align: center;
      color: #10358a;
    }


   input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}