:root{

    --fontypo-primary:#d7ff00;
    --fontypo-background:#050505;
    --fontypo-card:#0d0d0d;
    --fontypo-border:#1b1b1b;
    --fontypo-text:#ffffff;
    --fontypo-muted:#9f9f9f;

}

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

html{
    scroll-behavior:smooth;
}

body{

    background:var(--fontypo-background);
    color:var(--fontypo-text);
    font-family:Arial, Helvetica, sans-serif;
    overflow-x:hidden;

}

.container{

    width:100%;
    max-width:1440px;
    margin:auto;
    padding:0 24px;

}

a{
    color:inherit;
    text-decoration:none;
}

img{
    max-width:100%;
}

.fontypo-btn{

    background:var(--fontypo-primary);
    color:#000;
    padding:16px 28px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    transition:0.3s;

}

.fontypo-btn:hover{
}