body{
  background: url("fotos/bannersn.jpg");
  background-size: 100% ;
/*background: linear-gradient(90deg, rgba(223,153,38,1) 0%, rgba(232,204,87,0.28895308123249297) 50%, rgba(245,232,155,1) 86%);*/
}
header {
  background: url("fotos/bannersn.jpg");
  padding: 1em;
  text-align: center;
  color: blue;
  font-family: 'Irish Grover', cursive;
  
  /*background-color:darkblue;*/
}
iframe {
  text-align:center;
  }
  h1{
    font-family: 'Irish Grover', cursive;
    }

p {
  font-family: var(--paragraph-font);
  color: black ;
  padding: 1em;
}
a{
  border-radius: 20px;
  }

 /*nav {
 background-color: green;
  background: linear-gradient(0deg, rgba(226,225,235,1) 0%, rgba(165,155,245,1) 50%, rgba(38,12,246,1) 86%);
  line-height: 3em;
  text-align: center;
  font-size: 1em;
}*/
aside{
  border: 10px;
  width: 30%;
  padding-left: 10px;
  margin-left: 15px;
  float: right;
  font-style: italic;
  background-color: lightgray;
  }
  .socialmedia {
    padding: 10px;
  }
  
  #info {
    font-size: 1em;
  }
  .fa {
    padding: 20px;
    font-size: 50px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
       box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.15);
  }
  .fa:hover {
    opacity: 0.7;
  }
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  .fa-skype {
    background: #00aff0;
    color: white;
  }
  .fa {border-radius: 50%;}
    .banner-box img {
      width: 100%;
  }        
  footer{
  background-color: gray;
  display: grid;
  grid-template-columns: 1fr max-content repeat(3, max-content);
  align-items: center;
  justify-content: center;
  line-height: 3.75em;
}
/*footer {
  /*background-color: green;
  background: linear-gradient(0deg, rgba(226,225,235,1) 0%, rgba(165,155,245,1) 50%, rgba(38,12,246,1) 86%);
  line-height: 3em;
  text-align: center;
  font-size: 1em;
}
footer:hover {
  color: white;
  background-color: red;
  border-radius: 200px;
}*/
ul {
  list-style-type: none;
  display: flex;
}
nav a {
  padding:1em;
  min-width: 70px;
}
nav a:link, nav a:visited {
  color: yellow;
}
nav a:hover {
  color: white;
  background-color: blue;
  border-radius: 200px;
  opacity: 1;
  transform: scale(1.2);
  transition: all 0.5s;
  box-shadow: 0px 0px 6px rgb(14, 19, 239);
}