*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

body{
    height: 100vh;
    color: rgba(255,255,255,0.52);
    overflow-x: hidden;
    background: #000000;
    font-family: "michroma", sans-serif;
	}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: rgba(0,0,0,0.00);
/*    box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
    display: flex;
    align-items: center;
    padding-left: 15px;
    z-index: 1000;
  }

  /* Logo image */
  .logo {
    height: 40px;
  }
/* PARALLAX BACKGROUND */

.parallax{
background-image:url("../images/background.png");
height:100vh;
width:100%;
background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
filter:blur(4px) brightness(.7);
position:fixed;
z-index:-1;
}

/* CONTENT WRAPPER */

.content{
height:100vh;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:20px;

}
.title{
	font-size: 50px;
    letter-spacing: 20px;
	color:rgba(204,204,204,0.68);
}
}
.title-left{
	font-size: 90px;
    letter-spacing: 15px;
	color:#FFFFFF;
	text-align: left;
}
/* GLOWING TITLE */

.glow{
    font-size: 70px;
    letter-spacing: 4px;
/*    text-shadow: 0 0 10px #009003,
0 0 20px #009003,
0 0 40px #009003,
0 0 80px #009003;
    animation: glowPulse 3s infinite alternate;*/
    margin-top: -70px;
}

@keyframes glowPulse{

from{
text-shadow:
0 0 10px #009003,
0 0 20px #009003,
0 0 40px #009003;
}

to{
text-shadow:
0 0 20px #009003,
0 0 40px #009003,
0 0 80px #009003;
}

}

.subtitle{
margin-top:15px;
margin-bottom:50px;
font-size:33px;
color:#ccc;
}

.closing{
margin-top:25px;
margin-bottom:50px;
font-size:40px;
color:#ccc;
}

.opening{
margin-top:25px;
margin-bottom:25px;
font-size:30px;
color:rgba(204,204,204,0.50);
}
/* PREVIEW SECTION */

.preview-container{
display:flex;
gap:40px;
flex-wrap:wrap;
justify-content:center;
}

/* PREVIEW CARDS */

.preview-card{

background:rgba(255,255,255,0.05);
border-radius:15px;
padding:15px;

backdrop-filter:blur(10px);

transition:all .3s ease;
}

.preview-card img{

width:260px;
height:160px;

object-fit:cover;

border-radius:10px;

box-shadow:0 10px 25px rgba(0,0,0,.6);

transition:all .4s;
}

.preview-card p{
margin-top:10px;
color:#ddd;
}

/* HOVER EFFECT */

.preview-card:hover{

transform:translateY(-8px) scale(1.03);

box-shadow:
0 0 20px #009003,
0 0 40px #009003;

}

.preview-card:hover img{

transform:scale(1.05);

}