body{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; 
 }
 
 #top {
    text-align: center; 
 }
 
 #logo {
 color: white;
 background-color: red;
 display: inline-block;
 font-size: 32px;
 font-weight: bold;
 padding: 8px; 
 margin-top: 16px;
 } 
 
 #logo-name {
 font-size: 32px;
 font-weight: bold;
 margin: 30px;
 }
 
 #navigation a{
     color: rgba(26, 26, 82, 0.67);
     padding: 8px;
 }

 #navigation a:hover {
    color: blue;
 }

 #image img{
    width: 100%
     margin-top 16px;
     margin-bottom: 16px;
     object-fit: cover;
     height: 500px;
 }
 #main {
    max-width: 800px;
    margin: auto; 
    padding: 16px;
 }

 iframe {
   width: 100%;
   height: 1000px;
   width: 1000px;
 }