/*
Theme Name: Tribe Festival Fire
Version: 6.1
*/

body{
margin:0;
background:#000;
color:white;
font-family:Arial, sans-serif;
overflow:hidden;
}

#loader{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
align-items:center;
justify-content:center;
background:black;
z-index:9999;
animation:fadeout 2s 2s forwards;
}

#loader img{
width:220px;
filter:drop-shadow(0 0 20px #ff6a00);
animation:pulse 2s infinite;
}

@keyframes pulse{
0%{transform:scale(1)}
50%{transform:scale(1.1)}
100%{transform:scale(1)}
}

@keyframes fadeout{
to{opacity:0;visibility:hidden}
}

.hero{
height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
background:url('assets/img/background.jpg') center/cover no-repeat;
}

.overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.55);
}

canvas{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
pointer-events:none;
}

.content{
position:relative;
z-index:5;
animation:float 7s ease-in-out infinite;
}

@keyframes float{
0%{transform:translateY(0)}
50%{transform:translateY(-18px)}
100%{transform:translateY(0)}
}

.tribe-logo{
width:340px;
margin-bottom:20px;
filter:drop-shadow(0 0 20px #ff6a00);
}

.button{
display:inline-block;
margin-top:30px;
padding:18px 50px;
background:#ff6a00;
color:white;
text-decoration:none;
font-size:22px;
border-radius:50px;
box-shadow:0 0 40px #ff6a00;
}

.countdown{
margin-top:20px;
font-size:32px;
font-weight:bold;
}