body{
background-image:url("background.gif");

font-family:"VT323", monospace;

display:flex;
justify-content:center;
align-items:center;

height:100vh;

margin:0;
}

h1{
color:red;
font-family:"VT323", monospace;

text-shadow:0 0 5px red;}

p{
  font-family:"Special Elite", cursive;
  color: red;
  }
  .window{
width:700px;

background:rgba(10,10,10,0.92);

border:2px solid #666;

outline:1px solid #999;

box-shadow:
0 0 10px rgba(255,0,0,0.5),
0 0 30px rgba(255,0,0,0.2),
inset 0 0 20px rgba(255,0,0,0.1);

transform:rotate(-0.5deg);

backdrop-filter:blur(2px);


}

/* BARRA SUPERIOR */

.title-bar{

background:linear-gradient(to right, #300000, #990000);

padding:10px;

color:white;

font-size:30px;

border-bottom:2px solid silver;
}

/* CONTENIDO */

.window-content{

padding:40px;

text-align:center;

color:#d10000;
}

/* TITULO */

h1{

font-size:70px;

text-shadow:
0 0 5px red,
0 0 15px darkred;

margin-bottom:20px;
}

/* TEXTO */

p{

font-size:25px;

color:white;
}

/* BOTON */

button{

background:black;

color:red;

border:2px solid silver;

padding:10px 30px;

font-family:"VT323", monospace;

font-size:30px;

cursor:pointer;

margin-top:20px;
}

button:hover{

background:red;

color:black;

box-shadow:0 0 15px red;

transform:scale(1.05);
}

.overlay{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

pointer-events:none;

background:
repeating-linear-gradient(
to bottom,
rgba(255,255,255,0.03),
rgba(255,255,255,0.03) 1px,
transparent 1px,
transparent 3px
);

opacity:0.3;

}