.box {
    max-width: 1000px;
    margin: 50px auto;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 250px minmax(0, 1fr);
    font-family: Verdana, Geneva, sans-serif;
    padding: 10px 20px;
    text-indent: 15px;
}

nav, main, footer {
    border: black 2px solid;
    font-family: Verdana, Geneva, sans-serif;
    background-image: linear-gradient(to bottom, #3DD6FF, #F2FBFF);
    border-radius: 20px;
}

header {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-row: 1 / 2;
    grid-column: 1 / 3;
}

nav {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    height:max-content;
    font-family: Verdana, Geneva, sans-serif;
    text-align: center; 
}

main {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    height: max-content;
    font-family: Verdana, Geneva, sans-serif;
    padding: 10px 10px;
}

footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    grid-row: 3 / 4;
    grid-column: 1 / 3;
    font-family: Verdana, Geneva, sans-serif;
}

ul {
    padding: 0;
}

ul li::marker {
    content: none;
}

.row {
  display: flex;
}

.column {
  flex: 33.33%;
  padding: 5px;
}

.button {
  border: #0797E5; 
  color: #91DAFF;
  text-align: center; 
  display: inline-block; 
}