*,html {
  margin:0;
  padding:0;
}
body {
 background:#f5f5f5;
}
.container{
  display:grid;
grid-template-columns:repeat(2, 0.5fr);
padding:25px;
grid-gap:25px;
text-align:center;
}
header {
  display:grid;
  grid-template-columns:repeat(2, 0.5fr);
  padding:25px;
  background-color:lightcoral;
  width:100%;
  color:black;
  align-content:center;
}
nav{
  background-color:lightblue;
  width:100%;
  padding:25px 0px;
  border-radius:25px 0px 0px 25px;
  border:solid medium black;
  text-align:center;
}
nav a{
  text-decoration:none;
  color:black;
  width:100px;
  padding:25px;
  margin-left:15px;
  }
nav a:hover{
  border-top:solid thin blue;
  border-bottom:solid thick blue;
  color:blue;
}
header h1{
  text-align:left;
  align-self:center;
}
footer{
  background-color:lightcoral;
  color:black;
  padding:15px;
  font-size:0.7em;
}
.box {
  background-color:lightblue;
  border-radius:8px;
  color:black;
  padding:10%;
  box-shadow:3px 3px 10px black;
  border: solid thick lightcoral;
}
.box p {
  text-align: justify;
}
#example1 {
  color:black;
  grid-area:1/span 2;
}
#color{
  color:black;
}
h2{
  margin-bottom:25px;
}
  aside{
  float:left;
  display:block;
    padding-top:15px;
    background-color:lightcoral;
    height:140vh;
   
}
  aside a{
    text-decoration:none;
    margin:15px auto;
   padding:1px; 
    color:black;
    line-height:30px;
  }
@media screen and (max-width: 600px){
  header {
  display: grid;
  grid-template-columns: 1fr;
  text-align: center-align-items center;
  justify-content: center;
  padding: 25px 0px;
}
#example2{
  grid-area:1/span2;
  color:black;
  padding:25px;
  box-shadow:3px 3px 10px black;
  border: solid thick lightcoral;
  background-color:lightblue;
}
#example3{
  color:black;
  padding:25px;
  box-shadow:3px 3px 10px black;
  border: solid thick lightcoral;
  background-color:lightblue;
}
#example4{
  color:black;
  padding:example4  box-shadow:3px 3px 10px black;
  border: solid thick lightcoral;
  background-color:lightblue;
}
#example5{
  color:black;
  padding:25px;
  box-shadow:3px 3px 10px black;
  border: solid thick lightcoral;
  background-color:lightblue;
}
  aside{
    float:none;
    display:block;
    height:auto;
    text-align:center;
  }
  container
  display:block;
}