@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap') all;
@import url('https://fonts.googleapis.com/css2?family=Rampart+One&display=swap') all;

  
#indice {
  width: auto; 
  margin: 0 10%;
  color: black;
  text-shadow: 1px 1px rgb(255, 255, 255);
  text-align: center;
  font-size: 1.5em;
  font-family: arial

  }
  
  body{
    width:1000px;
    background-image: url("https://www.infobariloche.com.ar/images/2022/12/18/Argentina%20Campeon%20Mundial.jpg");
    background-attachment:fixed;
    background-size:cover;
    margin:auto;
  }
  article{
    color:white
    }
  section {
    background-image:none;
    background:rgb(14, 13, 17);
    background-color: rgba(0, 0, 0, 0.8);
    font-family:arial;
    color:white;
    padding:30px;
    border: gray ridge 2px;
    
  }
  h1, h2, h3 {
   margin-top:45px;
    text-align: center;
  }

  #menu ul{
    list-style:none;
    margin:0;
    padding:0;
  }
   li {
    float: left;
    }
  #menu a{
    color: white;
    text-decoration: none;
    display:block;
    padding: 12px 26px;
    font-size: 20px
    }
    @media screen {
  #menu a{ font-family: "Anton" }
  }
  @media handheld {
  #menu a{font-family: "Rampart One" }
  }
    
    #menu {
      
      width: 1000px;
      height: 52px;
    }
  .barra {
    color: gray;
    padding: 20px;
  }
  #menu a:hover {
    color: cyan;
    animation:0.30s ms 1;
  }
  footer {
    padding:30px;
    }
    
    label{font-family:arial;
      color:white;
      padding:30px;
      }