html{
  font-family: sans-serif;
}
header{
  border: 2px solid black;
  width:100%;
  height: 70px;
  display: flex;
  margin: 5px;
  justify-content: space-between;


}
h1{
  align-self: center;
  width: auto;
  font-size: 24px;
  margin: 5px;
  text-align: center;
}
nav h1{
margin-top: 38px;
}
.nav{
  align-self:flex-end;
}
.nav a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100px;
  margin: 9px;
}

a{
  height: 75px;
  width: 90px;
  margin: 5px;
  border: 2px solid red;
  background-color: lightblue;
}
p{
  text-align: center;
}

section{
  display:flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid blue;
  width: 100%;
  height: 500px;
  background-color: lightgreen;
  margin: 5px;
}

section:last-of-type{
  background-color: lightblue;
  flex-direction: column;
}
article{
  margin: 15px;
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 450px;
}

img{
  margin: 5px;
  align-self: center;
}
div{
  display:flex;
  width:auto;

}
span{
  align-self: flex-end;
}

.go{
  width: 100px;
  height: 50px;
  text-align: center;
  display:inline-block;
  justify-content: center;
  margin: 20px;
}

.two{
  display: flex;
  justify-content: space-around;
  background: darkgreen;
}
.two div{
  width: 11%;
  flex-direction:column;

}
.middle div{
  flex-direction: column;
}
.middle{
  justify-content: space-around;
  background: aquamarine;
}

.second{
  width:250px;
  height:300px;
  flex-direction: column;
  justify-content: space-between;

  margin: 10px;
}

.third{
  flex-direction: row;
  justify-content:space-around;
  margin: 10px;
}
/*.welcome{
  flex-direction: column;
  align-content: center;
  align-items: center;
  border: 2px solid blue;
  width: 400px;
  height: 600px;
  background-color: lightblue;

}*/