html { font-size: 10px; }
body { font: 1.5rem Verdana, Arial, sans-serif;
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
}
h1 { font-size: 4rem; }
h2 {font-size: 3rem; }
h3 { font-size: 2.5rem; margin-bottom: 5px; }
p { margin: 0 0 1em;}
html, body {
    width: 100%;
    height: 100%;
}
header {
    background-color:darkgoldenrod;
    text-align: center;
     box-shadow: 0 4px 2px rgba(0,0,0,.2);
    margin-bottom: 1em;
    text-shadow: 5px 5px 10px bisque;
}
article {
    width: 80%;
    margin:auto;
}

.pasta {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 20%;
  height: auto;
}
.info, .ingredients, .making {
    background-color: bisque;
}

ul {
    list-style-type: square;
}

h2, div, footer {
    text-align: center;
}

.tips h3 {
    text-decoration: underline;
}
.students ul {
    display: flex;
    justify-content:space-evenly;
}

nav li {
    margin: 0 1em;
    display: inline-block;
}
nav {
    background-color: darkgoldenrod;
    text-align: center;
    font-weight: 100;
    font-style: oblique;
   
}
nav a:hover {
    color: white;
}

footer {
letter-spacing: normal;
line-height: normal;
color: darkgoldenrod;
}