/* font-family: "Libre Baskerville", serif;  font-family: "Baskervville SC", serif;                  */


/* CTV EFFECT ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.lines {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
z-index: 999999999999999999999999999999999999999999999999999999999999;
opacity: 0.07;
}

.lines:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
pointer-events: none;
background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .5) 51%);
background-size: 100% 4px;
will-change: background, background-size; animation: scanlines 0.2s linear infinite;
}

@keyframes scanlines {
from {
background: linear-gradient(to bottom, transparent 5%, rgba(0, 0, 0, .3) 25%); background-size: 100% 4px; }
to {
background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 50%, transparent 51%);
background-size: 100% 4px;
}
}


#pop { 
  font-size:25px;
 -webkit-animation: pop 1s ease-in-out infinite alternate;
 animation: pop 1s ease-in-out infinite alternate;
 -moz-animation: pop 1s ease-in-out infinite alternate;
}

@keyframes pop {
from {
transform:scale(0.95)
}

50% {
transform:scale(1.05)
}

to {
transform:scale(0.95)
}
}

@-webkit-keyframes pop {
from {
-webkit-transform:scale(0.95)

}

50% {
-webkit-transform:scale(1)

}

to {
-webkit-transform:scale(0.95)

}
}





/* /////////// REST */

@font-face { 
  
  font-family: SMASH; src: url('SMASH.ttf');
  
  } 

body {
  font-family: "Baskervville SC", serif;  
  margin:0;
  overflow-x:hidden;
  background-color: #372E96;  
   background-image:url("/comic/MuyVirusPattern.png");
   background-repeat:repeat;
   background-size:20%;
}


            * {
                box-sizing: border-box;
            }

        
            #container {
              color:white;
              display:block;
              text-align:end;
                margin: auto;
                margin-top:10px;
                padding:5px;
              max-width:600px;
                font-family: "Libre Baskerville", serif;
                text-shadow: 1px 2px #E53148;
                font-weight:bold;
                
            }
            
            #Beachday {
              border: 1px solid white;
              display:block;
                max-width:600px;
                margin: auto;
                border-radius: 6px;
              
            }
            
            .title {
               font-family: SMASH; src: url('SMASH.ttf');
                font-size:50px;
               position: relative;
               text-shadow: 1px 3px #E53148;
            }