/*==========================================
   PREMIUM HEADER
==========================================*/

.school-header{

    position:fixed;

    top:18px;
    left:50%;

    transform:translateX(-50%);

    width:95%;
    max-width:1500px;

    height:80px;

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

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.25);

    border-radius:18px;

    box-shadow:
        0 10px 35px rgba(0,0,0,.18),
        inset 0 1px 1px rgba(255,255,255,.3);

    color:#FFD54A;

    font-size:2.1rem;
    font-weight:800;
    letter-spacing:4px;

    z-index:1000;

    text-shadow:0 2px 10px rgba(0,0,0,.4);

} 

/*==========================================
NAVIGATION
==========================================*/

.left-panel{

    position:fixed;

    top:115px;

    left:50%;

    transform:translateX(-50%);

    width:95%;
    max-width:1450px;

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    padding:18px;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.18);

    border-radius:20px;

    box-shadow:
    0 10px 30px rgba(0,0,0,.15);

    z-index:999;

}
.left-panel a{

    color:rgb(23, 204, 53);

    text-decoration:none;

    padding:13px 22px;

    border-radius:50px;

    background:rgba(255,255,255,.08);

    border:1px solid rgba(255,255,255,.12);

    transition:.35s;

    font-weight:600;

}

.left-panel a:hover{

    background:linear-gradient(135deg,#FFD54A,#CFA000);

    color:#08361A;

    transform:translateY(-4px);

    box-shadow:

    0 12px 30px rgba(255,213,74,.35);

}
/*==========================================
HERO VIDEO
==========================================*/

.center-content{
    margin-top:230px;
    position:relative;

    width:100%;

    height:85vh;

    overflow:hidden;

}

.center-content video{

    width:100%;

    height:100%;

    object-fit:cover;

}
.center-content::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    rgba(0,0,0,.45),

    rgba(0,0,0,.55)

    );

}
.center-content video{

    animation:zoomVideo 25s linear infinite alternate;

}

@keyframes zoomVideo{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.08);

    }

}
.center-content video{

    animation:zoomVideo 25s linear infinite alternate;

}

@keyframes zoomVideo{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.08);

    }

}

.hero-text{

    position:absolute;

    top:55%;

    left:50%;

    transform:translate(-50%,-50%);

    color:rgb(190, 231, 201);

    text-align:center;

    z-index:20;

}

.hero-text h1{

    font-size:4rem;

    margin-bottom:15px;

}

.hero-text p{

    font-size:1.3rem;

    margin-bottom:35px;

}

.hero-text a{

    padding:16px 40px;

    background:#FFD54A;

    color:#08361A;

    border-radius:50px;

    font-weight:bold;

    text-decoration:none;

} 
.left-panel{
    transition:
        opacity .2s ease,
        transform .1s ease;
}

/* Hide left panel */
.left-panel.hide{
    opacity:0;
    transform:translateX(-15px);
    pointer-events:none;
}