@import url('https://fonts.googleapis.com/css?family=Sniglet');

body
 {

    font-family: 'Sniglet', sans-serif;
    /*background: url(1.jpg) no-repeat center center fixed;
    background-size: cover;*/
    background: #485B6E;
    margin: 0;
    color: white;
 
  }

.title
 {

    text-align: center;
    font-size: 45px;
    font-weight: 700;
    text-shadow: 0 1px 0 #ccc,
           0 2px 0 #c9c9c9,
           0 3px 0 #bbb,
           0 4px 0 #b9b9b9,
           0 5px 0 #aaa,
           0 6px 1px rgba(0,0,0,.1),
           0 0 5px rgba(0,0,0,.1),
           0 1px 3px rgba(0,0,0,.3),
           0 3px 5px rgba(0,0,0,.2),
           0 5px 10px rgba(0,0,0,.25),
           0 10px 10px rgba(0,0,0,.2),
           0 20px 20px rgba(0,0,0,.15); 
      
  }

  .caja
  {
    margin-left: 10px;
    width: 320px;
    height: 180px;
    display:inline-block;
    font-size: 1.1em;
  }

  video
  {
    
    width: 320px;
    height: 180px;
    transition:all 0.3s ease;
    border: 1px solid #cecece;
    
  }

 .salir
  {
      position: fixed;
      top: 1%;
      right: 1%;
      z-index: 100;
  }