/* Ryan Shaw's CSS for 210 Final Project*/

@font-face {
   font-family: fogtwo;
   src: url(FogtwoNo5.otf);
}

@font-face {
   font-family: neue;
   src: url(neuehas.ttf);
}
.navigation a {

  font-family: neue;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
  margin:auto;

}

.navigation a:hover {
  background-color: #ddd;
  color: black;
}

.navigation a.active {
  background-color: #C29BE1;
  color: white;
}

body {
  background-image: url('background.png');
}

.bigname {
    display:flex;
    justify-content: center;
    align-items: center;
    font-family: fogtwo;
    height: 625px;
    font-size: 150px;
    
}

h1 {
   text-align: center;
   font-family: fogtwo;
   font-size: 75px;
}

p {
    text-align: center;
    font-family: neue;
    font-size: 20px;
    padding-left: 300px;
    padding-right: 300px;
    line-height: 35px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  vertical-align: middle
}

.column {
  flex: 24%;
  max-width: 24%;
  padding: 0 4px;
}

.column img {
  margin-top: 10px;
  vertical-align: middle;
  width: 100%;
}