.mainpage{
    text-align:left;
    text-indent:2em;
    font:Verdana;
    color:black;
    background-color: antiquewhite;
    margin: 1em;
    
}

.cat{
    text-align: center;
    image-orientation: center;
    image-orientation: in-line;
}

.homepage{
    text-align: center;
    font: bold 100% "Verdana";
    background-image: url(freddie.JPG);
    background-image: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    color:white;
}

body {
    background-color:antiquewhite
}
h2 {
    text-align:center;
}
#header{
    font: bold 200% "Verdana";
    text-align: center;
    background-color:antiquewhite;
}
#menu{
    font: bold 150% "Verdana";
    text-align: center;
    background-color:antiquewhite  
      
}
img {
    display:block;
    margin:auto;
}
.nav a:hover {
  background-color: #ddd;
  color: black;
}

.nav a.active {
  background-color: #e4d74c;
  color: white;
}

#footer{
    margin: auto;
    text-align: center;
    font-size: medium;
}

@media only screen and (max-width: 600px){
    #mainpage {
        width: 100%;
        border-style: none;
        border-color: white;
        font-family: sans-serif;
    }
    #homepage {
        width: 100%;
        border-style: none;
        border-color: white;
        font-family: sans-serif;
    }
    #cat {
        width: 100%;
        border-style: none;
        border-color: white;
        font-family: sans-serif;
    } 
    #menu {
        font-family: sans-serif;
        text-align:left;  
    }
    img {
        max-width:100%;
        height: auto;
    }
}