html{
      background-color:lightblue;
      background-image:url(images/marioinspace.jpg);
}


  body{
       margin-top: 0px;
       margin: 0px; 
       font-family:"Monaco", monospace;
          }
          
          
  h5{
        text-align:center;
        margin-bottom:0px;
        margin-top:0px;
        background-color:#9C9C9C;
           }
    
      .navbar ul{
        list-style-type: none; 
        background-color: #FF5555;
        margin: 0px;
        padding:0px;
        overflow:hidden;
          }
      
      .navbar a{
       color:black;
       text-decoration:none;
       padding:15px;
       display:block;
       text-align:center;
        }
        
      .navbar a:hover{
        background-color: #ff0000;
        }
        
      .navbar li{
        float: left;
        } 
        
       #main{
        text-align:center;
        margin-top:1px;
        color:white;
        margin-top: 3px;
          }
          
        .container{
        display: flex;
        column-gap: 7px;
        margin-bottom: 3px;
        text-align:center;
        }
    
      #mainbox{
        margin:auto;
        border: solid #001e85;
        border-width: 5px;
        padding: 3px;
        background-color:#0075C6;
        margin-bottom: 1px;
        padding-left:5px;
        color: white;
        text-align:center;
        list-style:none;
        }
        
      #details{
        margin-left:100px;
        border: solid #001e85;
        border-width: 3px;
        padding: 1px;
        background-color:#0075C6;
        margin-bottom: 5px;
        padding-left:5px;
        color: white;
        float:auto;
        text-align:center;
        }
        
      #facts{
        margin-right:100px;
        border: solid #001e85;
        border-width: 3px;
        padding: 1px;
        background-color:#0075C6;
        margin-bottom: 5px;
        padding-left:5px;
        color: white;
        float:auto;
        text-align:center;
        }