.main-nav {
        font-size: 40px;
        text-align: center;
        border-style: inset;
        border-width: 20%;
        margin:0 auto;
        width: 20%;
}
.text-center {
        text-align: center;
      }
.audio-container {
        display: flex;
        justify-content: center;
        align-items: center;
      }
.image-center {
        justify-content: center;
        align-items: center;
}
.header {
        font-family: 'Oswald', sans-serif;
        font-size:120px;
        text-align: center;
        margin: 5px;
        color: rgb(75, 75, 75);
}
.header:hover {
        background-color: lightgray;
      }
[href]:hover {
        background-color: lightgray;
}
#paypal:hover {
        background-color: lightgray;
}
.header-link {
        color:#000000; text-decoration:none
}
.blog-body {
        background-color: rgb(231, 231, 231);
}
.blog-header {
        font-family: 'Oswald', sans-serif;
        font-size:40px;
        text-align: center;   
}
.text-header { 
        font-family: 'Times New Roman', Times, serif;
        font-size: 20px;
        text-align: left;
        padding-left: 10%;
        padding-right: 10%;
}
.blog-text {
        font-family: 'Times New Roman', Times, serif;
        font-size: 20px;
        text-align: left;
        text-indent: 10%;
        padding-left: 10%;
        padding-right: 10%;
}
.list-text {
        text-indent: 10%;
}
.item-head {
        font-weight: bold;
}
[href] {
        color: rgb(75, 75, 75)
}
[href]:hover {
        background color: lightgray
}
.fish {
        border: 10px solid rgb(75, 75, 75);
        border-radius: 20px;   
}
.container {
        width: 80%;
        height: 80%;  
        margin:auto;
        top:0;
        bottom:0;
        left:0;
        right:0;
        }
        
        img {
        max-width: 100%;
        max-height: 100%;  
        margin:auto;
        top:0;
        bottom:0;
        left:0;
        right:0;
        }