/* LOADER */
#loader{
    position:fixed;
    inset:0;
    background:#000;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:99999;
    transition:opacity .8s ease, visibility .8s ease;
}

#loader.hide{
    opacity:0;
    visibility:hidden;
}

.loader-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

/* Logo */
.loader-logo{
    width: 350px;     /* Change size if needed */
    max-width:100%;
    margin-bottom:25px;
    animation:logoFade 2s ease infinite alternate;
}

/* Title */
.loader-title{
    color:#fff;
    font-size:52px;
    letter-spacing:10px;
    font-weight:300;
    margin:0;
    font-family:'Cormorant Garamond', serif;
}

.loader-title span{
    display:block;
    font-size:15px;
    letter-spacing:7px;
    margin-top:12px;
    color:#d8c29d;
}

/* Loading Bar */
.loading-bar{
    width:260px;
    height:2px;
    background:rgba(255,255,255,.2);
    margin-top:40px;
    overflow:hidden;
}

.loading-progress{
    width:0;
    height:100%;
    background:#d8c29d;
    animation:loading 3s linear forwards;
}

/* Animations */
@keyframes loading{
    from{
        width:0;
    }
    to{
        width:100%;
    }
}

@keyframes logoFade{
    from{
        transform:translateY(0);
        opacity:.8;
    }
    to{
        transform:translateY(-6px);
        opacity:1;
    }
}
#main-content{
    display:none;
}
#loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;

    /* Background Image */
    background: url("L.png") no-repeat center center;
    background-size: cover;

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

    z-index: 99999;

    transition: opacity 0.8s ease, visibility 0.8s ease;
}