/*====================================
PRELOADER
====================================*/

#preloader{

position:fixed;

inset:0;

background:#F8F6F2;

z-index:99999;

display:flex;

justify-content:center;

align-items:center;

transition:1s;

}

.loader-content{

text-align:center;

}

.loader-logo img{

width:180px;

animation:logoFloat 2s ease infinite;

}

.loader-line{

width:220px;

height:4px;

background:#eee;

margin:35px auto;

border-radius:20px;

overflow:hidden;

}

.loader-line span{

display:block;

width:0;

height:100%;

background:linear-gradient(

90deg,

var(--secondary),

#FFD95A

);

animation:loading 2.4s linear forwards;

}

.loader-content p{

letter-spacing:5px;

text-transform:uppercase;

font-size:13px;

color:#666;

}
@keyframes loading{

0%{

width:0;

}

100%{

width:100%;

}

}

@keyframes logoFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}