/* ==========================================================
   THUG CODING® — SHARED INTERIOR PAGES
========================================================== */

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

html{
    scroll-behavior:smooth;
}

body{
    background:#050505;
    color:#fff;
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
}

a{
    color:inherit;
}


/* ==========================================================
   NAVIGATION
   MATCHES INDEX.HTML
========================================================== */

.page-nav{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999;

    padding:22px 6%;

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

    background:#050505;

    border-bottom:1px solid rgba(255,255,255,0.06);
}


/* ==========================================================
   LOGO
   EXACT HOMEPAGE SIZE
========================================================== */

.page-logo{
    display:block;
    flex-shrink:0;
}

.page-logo img{
    width:240px;
    height:auto;
    display:block;

    filter:drop-shadow(
        0 0 10px rgba(255,255,255,.08)
    );

    transition:.3s;
}

.page-logo img:hover{
    opacity:.85;
}


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

.page-nav-links{
    display:flex;
    align-items:center;
    gap:40px;
}

.page-nav-links a{
    color:#fff;
    text-decoration:none;

    font-size:.9rem;
    font-weight:400;

    letter-spacing:1px;
    text-transform:uppercase;

    transition:.3s;
}

.page-nav-links a:hover{
    opacity:.6;
}

.page-nav-links a.active{
    opacity:.6;
}


/* ==========================================================
   FOOTER
========================================================== */

.page-footer{
    min-height:100px;

    padding:35px 6%;

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

    gap:30px;

    border-top:1px solid rgba(255,255,255,.08);

    color:#666;

    font-size:.65rem;

    letter-spacing:1.2px;
}

.page-footer-links{
    display:flex;
    gap:25px;
}

.page-footer-links a{
    color:#888;
    text-decoration:none;
    transition:.3s;
}

.page-footer-links a:hover{
    color:#fff;
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:900px){

    .page-nav-links{
        display:none;
    }

}


/* ==========================================================
   MOBILE
   MATCHES INDEX.HTML
========================================================== */

@media(max-width:768px){

    .page-nav{
        padding:16px 5%;
    }

    .page-logo img{
        width:170px;
    }

    .page-footer{
        flex-direction:column;
        text-align:center;
    }

    .page-footer-links{
        flex-wrap:wrap;
        justify-content:center;
    }

}