testestyle.css
    body{/* corpo da página*/
        color:#fff; /*Cor de fundo branca*/
        font-size: 20px;}/* tamanho da fonte que estiver dentro do corpo (fora de div*/

        li{list-style: none;/* Tira um asterisco que fica na página*/
            }
            a{text-decoration: none;}/* Tira o sublinhado dos links*/
            .logo{/*Logo da página*/
                margin-top: -37px;
                width:100px;
            }
            *{margin:0;/*Isso aqui é pro site começar no canto superior da página e na esquerda (imagina que é o ponto 0,0 do plano cartesiano*/
                padding:0;}
    
                .menu ul {/*lista */
                    list-style:none;/* Tira um asterisco que fica na página*/
                    position:relative;
                }
                .menu{
                    width: 1920px;
                    height:70px; 
                    background-color:#fff;
                    font-family:arial;
                    font-size: 25px;
                }
                .menu li a{
                    padding:20px;
                    display:block;
                    text-decoration:none;
                    text-align:center;
                    background-color:#fff(0, 0, 0);
                    color:rgb(0, 39, 118);
                } 
                .menu a:hover{ 
                    background-color:rgb(0, 39, 118);
                    color:#ffff;
                }
                .menu ul li{ 
                    width:320px;
                    float:left;}
                
                .menu ul li:hover ul{
                    height:auto;
                    max-height:300px;
                }
                .Horizontal{
                        display: block;
                    }
                    ul li {
                        display: inline-block;
                        position: relative;
                    }
    
                    ul li ul.Horizontal{
                        width: 100%;
                        background: #ffff;
                        position: absolute;
                        z-index: 999;
                        display: none;
                    }
                    ul li:hover ul.Horizontal { 
                        display: block;
                    }
                .azul{
                    background-color: #002776;
                    width: 1920px;
                    height: 600px;
                }
                .Bazul{
                    background-color: #ffff;
                    margin-top: 70px;
                    margin-left: 1200px;
                    width: 150px;
                    height: 70px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 10px;
                    font-size: 30px;
                }
                .Bazult{
                    color: #002776;
                }
                .verde{
                    background-color: #009c3b;
                    width: 1920px;
                    height: 600px;
                }
                .Bverde{
                    background-color: #ffdf00;
                    margin-top: 80px;
                    margin-left: 500px;
                    width: 150px;
                    height: 70px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 10px;
                    font-size: 30px;
                }
                .Bverdet{
                    color: #009c3b;
                }
                .amarelo{
                    background-color: #ffdf00;
                    width: 1920px;
                    height: 600px;
                }
                .Bamarelo{
                    background-color: #009c3b;
                    margin-top: 90px;
                    margin-left: 1200px;
                    width: 150px;
                    height: 70px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 10px;
                    font-size: 30px;
                }
                .Bamarelot{
                    color: #ffdf00;
                }
            .oscar{
                width: 550px;
                height: 400px;
                margin-left: 10px;
                margin-top: 70px;
               
            }  
            .txoscar{
                margin-left:950px;
                margin-top: -300px;
                font-size: 30px;
                color: #fff;
            }
           
            .falcao{
                margin-top: 70px;
                width: 550px;
                height: 400px;
                margin-left: 1050px;
            }
            .txfalcao{
                margin-left:250px;
                margin-top: -280px;
                font-size: 30px;
                color: #ffdf00;
            }
            .volei{
                width: 550px;
                height: 400px;
                margin-left: 310px;
                margin-top: 70px;
            }
            .txvolei{
                margin-left:950px;
                margin-top: -300px;
                font-size: 30px;
                color: #009c3b;
            }
            .expologo{
                height: 75px;
                width: 75px;
            }
            .alcinalogo{
                height: 75px;
                width: 75px;
            }
            .Rodapé{
                position: relative;
                left: 0;  
                bottom: 0;
                width: 1920px;
                color: #002776;
                justify-content: space-around;
                background-color: #ffff;
                padding: 20px;
                text-align:center;
                display: flex;
                font-size: 25px;
              }