* {
    box-sizing: border-box;
    font-size: 10px;
    padding: 0;
    margin: 0;
    /* border: 1px solid lime; */
}

body {
    background-color: black;
}

.logo {
    display: block;
    margin: 0 auto;
}

footer {
    text-align: center;
}

.insta {
    font-size: 6rem;
    margin: 15rem auto 0 auto;
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

/*=================================================
escritorio grande lg 1366px en adelante
==================================================*/

@media (min-width:1200px) {
    .logo {
        width: 50%;
    }

    .insta {
        margin: 5rem auto 0 auto;
    }
}

/*=================================================
escritorio mediano md 1024px
==================================================*/

@media (max-width:1199px) and (min-width:992px) {
    .logo {
        width: 40%;
        padding-top: 5rem;
    }

    .insta {
        margin: 5rem auto 0 auto;
    }
}

/*=================================================
tablet pequeño sm 768px
==================================================*/

@media (max-width:991px) and (min-width:768px) {
    .logo {
        width: 50%;
        margin: 7rem auto 0 auto;
    }

    .insta {
        margin: 5rem auto 0 auto;
    }
}

/*=================================================
celular extra pequeño xs 420px
==================================================*/

@media (max-width:767px) {
    .logo {
        width: 80%;
        margin: 10rem auto 0 auto;
    }

    .insta {
        margin: 6rem auto 0 auto;
    }
}