html {background-color:FFFCF0;
  font-family: Nunito;
  }

body {font-size: 20px;
width:100%;
margin:auto;}

  .big {font-size:2.5em;}

  .bold {font-size:1.2em;
    font-weight: bold;}

.tile {font size:1.5em;}

.welcome {width:60%;
text-align: center;
margin:auto;
border: 1px solid black;
background-color: white;}

.welcome2 {width:80%;
text-align: center;
margin:auto;
border: 1px solid black;
background-color: white;}

.box { width: 15%px;
  height: 200px;
  line-height: 200px;
  padding: 10px;
  border: 1px solid black;
  margin: 6px;
text-align: center;
vertical-align: middle;
font-size:1.5em;
}

.box:hover {
opacity:70%;
}

a {color:black;
  text-decoration: none;
}


.container3 {
  width:60%;
  margin:auto;

      
    align-content: center;
    text-align: center;

}


.container {
  width:60%;
  margin:auto;
  display: grid;
      grid-template-columns: auto auto;
   
    align-content: center;
    text-align: center;

}

.footer2 {width:75%;
margin:auto;
background-color: whitesmoke;
border: 1px solid black;
text-align: center;
word-wrap: break-word;}

.footer {width:25%;
margin:auto;
background-color: whitesmoke;
border: 1px solid black;
text-align: center;
word-wrap: break-word;}