:root{

    --bg:#111111;

    --white:#ffffff;

    --text:#d9d9d9;

    --coral:#F04B45;

    --orange:#F58A33;

    --sand:#D7BC76;

    --sea:#67B8AA;

}

*{

    margin:0;

    padding:0;

    box-sizing:border-box;

}

body{

    min-height:100vh;

    font-family:"Manrope",sans-serif;

    color:var(--white);

    background:
    radial-gradient(
        circle at center 32%,
        rgba(240,75,69,.42) 0%,
        rgba(245,138,51,.26) 16%,
        rgba(215,188,118,.12) 30%,
        rgba(103,184,170,.08) 48%,
        rgba(17,17,17,0) 72%
    ),
    var(--bg);

}

/* ============================= */
/* HOME - SMARTPHONE             */
/* ============================= */

@media (max-width: 600px){

    body{
        overflow-x:hidden;
    }

    .home{
        width:100%;
        max-width:none;
        padding:0 24px;
    }

    .presents{
        font-size:9px;
        letter-spacing:4px;
        margin-bottom:16px;
        white-space:nowrap;
    }

    .logo{
        width:95px;
        margin-bottom:30px;
    }

    h1{
        font-size:42px;
        letter-spacing:4px;
        line-height:1;
        white-space:nowrap;
        margin-bottom:42px;
    }

    .tagline{
        font-size:22px;
        line-height:1.7;
        margin-bottom:52px;
    }

    .start-button{
        width:100%;
        max-width:420px;
        height:64px;
        font-size:14px;
        letter-spacing:2px;
    }

}