/* ============
    fuentes!!!
   ============ */
   
@font-face {
  font-family: 'Dark';
   src: url('Dark.ttf') format('truetype');
        font-weight: normal;
        font-style: normal; }
       
@font-face {
  font-family: 'CloisterBlack';
   src: url('CloisterBlack.woff2') format('woff2'),
        url('CloisterBlack.woff') format('woff'),
        url('CloisterBlack.ttf') format('truetype');
        font-weight: normal;
        font-style: normal; }

@font-face {
  font-family: 'VCROSDMONO';
   src: url('VCROSDMONO.ttf') format('truetype');
        font-weight: normal;
        font-style: normal }

/* ========
    header
   ======== */

header h1{
  
  /* Text Shadow CSS Generator */
  color: rgba(255,255,255,.7);
  background: #1a1a1a;
  text-shadow: 0 0 15px rgba(255,255,255,.5), 0 0 10px rgba(255,255,255,.5);
  /* --- */
  
  font-size: 4em;
  background-color: rgb(0, 0, 0, 0.3);
  text-align: center;
  font-family: 'Arial';
  padding: 11px;
  }

/* =======
    fondo
   ======= */
   
body{
  
  background-image: url(CryOfFearBrillo.png);
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip : border-box;
}


/* ==================
    iframe SOLO EN PC
   ================== */
   
   .solo-pc {
  display: none; /* Oculto en celulares y tablets */
}
@media screen and (min-width: 1024px) {
  .solo-pc {
    display: block; /* Visible en PC */
  }
}

/* ========
    iframe
   ======== */
   
   .iframe-fijo{
     
  position: fixed;      /* Fijo en la pantalla, no se mueve al hacer scroll */
  bottom: 15px;         /* A 10px del borde inferior */
  left: 15px;           /* A 10px del borde izquierdo */
  z-index: 9;        /* Para que esté arriba de otros elementos */
  
  }