* {
    padding: 0;
    margin: 0;
}
    

body{
background-size: 2000px 900px;/*tamanho da imagem de fundo*/
background-image: url(../img/Captura\ de\ tela\ exposoft\ 2023.png);/*imagem de fundo da tela principal*/
background-repeat: no-repeat;/*não repetir a imagem de fundo várias vezes, vai aparecer apenas uma*/

}

div{
width: 400px;/*tamanho da largura do rodapé*/
border-width: 30 px;/*borda do rodapé*/
border-style: solid;/*estilo da borda*/
border-color: blue;/*cor da borda do rodapé*/
}

footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 170px;
    display: flex;/*tipo do display "Flexivel"*/
    justify-content: space-around;
    position: absolute;/*posição absolute*/
    bottom: 0;/*serve para deixar footer no chão*/
    font-size: 23px;/*tamanho da letra do rodapé*/
    color: black;/*cor da letra*/
    background-color: rgb(71, 143, 167);/*cor de fundo*/
    text-align: center;/*texto alinhado no centro*/
      
      }
      img{
          width: 60px;/*tamanho da largura da imagem da logo*/
          height:60px;/*tamanho da altura da imagem da logo*/
      }
  
header{

background-color: rgb(240, 166, 8);/*cor de fundo do cabeçalho*/
color: rgb(0, 0, 0);/*cor da letra do cabeçalho*/
width: 100%;/*largura do cabeçalho*/
height: 70px;/*altura do cabeçalho*/  
text-align: center;/*alinhar o nome "CORRIDAS DE PISTA" para o centro*/
font-size: 60px;/*tamanho da letra do cabeçalho*/


}
      .borda{
          border-color: black;/*cor da borda*/
          
      }

      .menu ul {
        display: flex;
        list-style: none;
        margin-top: 90px;
        margin-left: 170px;
        width: 1600px;
        border-width: 30 px;
        border-style: solid;
        border-color: white;

      }
      
      .menu ul li {
        background-color: rgb(12, 185, 90);/*cor do fundo do menu*/
        width: 620px;
        float: left;
        display: block;
        color: #FFF;
        margin: 5px;/*tamanho da margem*/
        padding: 5px;
        border: 20px solid darkblue;/*tamanho da borda, estilo e cor, referente ao menu*/
      }

      .menu ul li a{
        text-decoration: none;
      }

      .logo{
        width: 110px; height: 110px;/*altura e largura da logo do rodapé*/
      }
      
      .logoAlcina{
        width: 110px; height: 100px;/*altura e largura da logo do rodapé*/
      }