*{
    box-sizing:border-box;
}

body{
    margin:0;
}

/* NAVBAR */

.fy-navbar{

    width:100%;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 36px;

    background:#071226;

    border-bottom:3px solid #65ff9a;

    color:white;

    font-family:Arial,sans-serif;

    min-height:120px;
}

/* LEFT */

.fy-left{

    display:flex;

    align-items:center;

    gap:18px;
}

.fy-logo{

    height:96px;

    width:auto;

    border-radius:20px;

    object-fit:cover;
}

.fy-title{

    font-size:56px;

    font-weight:800;

    letter-spacing:-0.06em;

    line-height:1;
}

.white{
    color:#f2f2f2;
}

.green{
    color:#65ff9a;
}

.fy-sub{

    margin-top:8px;

    color:#9fb1cc;

    font-size:13px;

    text-transform:uppercase;

    letter-spacing:0.16em;
}

/* RIGHT LINKS */

.fy-links{

    display:flex;

    align-items:center;

    gap:34px;
}

.fy-links a{

    color:white;

    text-decoration:none;

    font-size:24px;

    font-weight:700;

    transition:0.2s ease;

    display:flex;

    align-items:center;
}

.fy-links a:hover{

    color:#65ff9a;
}

/* README CONTENT */

.page-content{

    max-width:950px;

    margin:auto;

    padding:40px;

    font-size:0.88rem;
}

.page-content h1{
    font-size:2.2rem;
}

.page-content h2{
    font-size:1.7rem;
}

.page-content h3{
    font-size:1.4rem;
}

.page-content p,
.page-content li{

    font-size:1rem;

    line-height:1.7;
}

/* MOBILE */

@media(max-width:900px){

    .fy-navbar{

        flex-direction:column;

        align-items:flex-start;

        gap:20px;

        padding:20px;
    }

    .fy-title{
        font-size:40px;
    }

    .fy-links{

        width:100%;

        justify-content:space-between;

        gap:16px;
    }

    .fy-links a{
        font-size:18px;
    }

    .fy-sub{
        font-size:10px;
    }

    .fy-logo{
        height:72px;
    }
}