body { 
    margin: 0; 
    background-image: url("../img/movie_poster.jpg");
    background-size: auto;
    font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;   
    font-weight: 100; 
  }

 
.transparent {
  opacity: 0.3;
}

  .polina { 
    background: rgb(3, 169, 222,0.5);
    color:      white; 
    padding:    2rem; 
    margin-top: 4rem;
    font-size: 1.2em;
    text-align: justify
  }


   .grey { 
    background: rgb(86, 101, 115,0.5);
    color:      white; 
    padding:    2rem; 
    margin-top: 4rem;
    font-size: 1.2em;
    text-align: justify

  }

  
  .rounded {
    border-radius: 10px;
  }
  .parametre {
    margin-top: 1.0em;
    font-size: 1.2em;
  }

  h1 { 
    margin-top: 0; 
    letter-spacing: .3rem; 
    color:white; 
  }

  h2 {

    color:white; 
  }

  a { 
    display: inline-block; 
    color: #fff; 
    text-decoration: none; 
    background: rgba(0,0,0,0.5); 
    padding: .5rem;
    -webkit-transition: .6s background;
    transition: .6s background; 
    text-decoration: none;
  }


  a:hover { 
    background: rgba(255,255,255,0.4); 
    color: black; 
    text-decoration: none; 
  }


  .stopfade { opacity: .5; }

  .blocIcones a {
    background: transparent;
    cursor:pointer;
  }

  .blocIcones a:hover { 
    background: transparent; 
    color: black; 
    text-decoration: none; 
  }


#polina button { 
  display: block;
  width: 80%; 
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  -webkit-transition: .3s background;
  transition: .3s background;
}

#polina button:hover { 
   background: rgba(0,0,0,0.5);
}

#footer {
    position: fixed;
    padding-top:0.0em;
    padding-bottom:2.0em;
    bottom: 0;
    width: 100%;
    font-size: 0.8em; 
    background-color: rgba(0,0,0,0.6);
    color: #fff;
    text-align: center;
}