body {
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    text-align: center;
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    color: #17373a;
    }

header {
    padding: 10px 25px;
    background-color: #388087;
    color: #f6f6f2;
    margin-bottom: 20px;
    font-family: Georgia;
}

main {
    margin-bottom: 30px;
}

.instructions-text {
    font-size: 1.5rem;
}

.pyramide-image {
    width: 100vw;
    max-width: 60vw;
}

.btn {
    -webkit-border-radius: 39;
    -moz-border-radius: 39;
    border-radius: 39px;
    font-family: Georgia;
    color: #f6f6f2;
    font-size: 20px;
    background: #6fb3b8;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
  }
  
  .btn:hover {
    background: #badfe7;
    text-decoration: none;
  }

  footer {
    background-color: #388087;
    padding: 15px 30px;
    border-top: 1px;
    color: #f6f6f2;
  }

  .num-counter {
    padding: 5px 10px;
    background-color: #badfe7;
    color: #17373a;
    font-weight: bold;
  }