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

:root{

    --bg:#060b18;

    --card:#101827;

    --blue:#00A8FF;

    --green:#67ff4d;

    --text:#ffffff;

}

body{

    background:var(--bg);

    color:white;

    font-family:Poppins,sans-serif;

    overflow-x:hidden;

}

.container{

    width:min(1400px,92%);

    margin:auto;

}

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

footer{

    width:100%;

    text-align:center;

    padding:60px 20px;

    color:#98a6b8;

    font-size:16px;

    line-height:2;

}

footer p{

    margin:5px 0;

}

footer h3{

    margin-top:10px;

    font-family:'Orbitron',sans-serif;

    color:#7CFF4D;

    font-size:28px;

    letter-spacing:2px;

}

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

.footer{

    margin-top:120px;

    padding:80px 20px;

    text-align:center;

}

.footer-content{

    width:700px;

    max-width:95%;

    margin:auto;

}

.footer img{

    width:140px;

    margin-bottom:20px;

    transition:.4s;

}

.footer img:hover{

    transform:rotate(-8deg) scale(1.08);

}

.footer h2{

    font-family:'Orbitron',sans-serif;

    font-size:42px;

    color:#fff;

    margin-bottom:10px;

}

.footer>p,
.footer-content p{

    color:#94a3b8;

}

.footer-line{

    width:220px;

    height:3px;

    background:#7CFF4D;

    margin:35px auto;

    border-radius:50px;

}

.footer h3{

    margin-top:18px;

    font-size:34px;

    color:#7CFF4D;

    font-family:'Orbitron',sans-serif;

    letter-spacing:2px;

}

.role{

    display:block;

    margin-top:12px;

    color:#18B7FF;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}