body{
    font-family:Inter, sans-serif;
    background:#050816;
    color:#fff;
    padding:60px;
}
h1{
    font-size:36px;
    margin-bottom:20px;
}
.meta{
    color:#8ea2d9;
    margin-bottom:25px;
}
.article-text{
    line-height:1.8;
    color:#cbd5f5;
    font-size:17px;
}
body{
    font-family: Inter, sans-serif;
    background:#050816;
    color:#fff;
    padding:60px;
    margin:0;
}

h1{
    font-size:36px;
    margin-bottom:15px;
}

.meta{
    color:#8ea2d9;
    margin-bottom:25px;
    font-size:14px;
}

.article-text{
    line-height:1.8;
    color:#cbd5f5;
    font-size:17px;
}
.lnk{
  color: yellow;
}

/* Make tables responsive */
.article-text table{
    width:100%;
    border-collapse:collapse;
}
.logo{
    font-size:22px;
    font-weight:700;
    color:#8bb3ff;
     text-decoration:none;
}
.logo span{color:#a855f7;}

/* FOOTER */
footer{
    width: 100%;
    background:#070b1f;
    padding:50px 60px;
    margin-top:40px;
    margin-left: -60px;
}
.footer-container{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
}
.footer-about h3{
    font-size:22px;
    margin-bottom:12px;
    color:#8bb3ff;
}
.footer-about p{
    color:#cbd5f5;
    line-height:1.6;
    max-width:420px;
}
.footer-links h3{
    font-size:20px;
    margin-bottom:12px;
}
.footer-links ul{
    list-style:none;
}
.footer-links ul li{
    margin-bottom:10px;
}
.footer-links ul li a{
    text-decoration:none;
    color:#cbd5f5;
    font-size:15px;
}
.footer-bottom{
    text-align:center;
    margin-top:40px;
    font-size:14px;
    color:#8ea2d9;
}
.menu-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    color: #fff;
}
.footer-ul{
  margin-left: -35px !important;
}

/* ================= MOBILE FIX ================= */

@media (max-width: 768px){

    body{
        padding:20px;
    }
    header{
      margin-top: -5px !important;
    }

    h1{
        font-size:26px;
    }

    .article-text{
        font-size:15px;
    }

    /* Table scroll fix */
    .article-text{
        overflow-x:auto;
    }

    table{
        font-size:14px;
    }
    /* FOOTER */
    footer {
        margin-left: -23px;
        padding: 40px 20px;
    }

    .footer-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-about p {
        margin: 0 auto;
    }
}

/* Small phones */
@media (max-width:480px){
  header{
      margin-top: -5px !important;
    }
    h1{
        font-size:22px;
    }

    .meta{
        font-size:12px;
    }

    table{
        font-size:13px;
    }
    /* FOOTER */
    footer {
         margin-left: -23px;
        padding: 40px 20px;
    }

    .footer-container {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-about p {
        margin: 0 auto;
    }
}