body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: red;
            
            display: flex;      
            align-items: center;
            
            flex-direction:row
            
}
.centered{
  display: flex;   
  justify-content: center;
  align-items: center;
  }  
.navbar {
            background-color: #333;
            overflow: hidden;
            position: fixed;
        }
        .navbar a {
            float: left;
            display: block;
            color: #f2f2f2;
            text-align: center;
            padding: 14px 20px;
            text-decoration: none;
        }
        .navbar a:hover {
            background-color: #ddd;
            color: black;
        }