/* ===========================
   RESET
=========================== */

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

html,
body{
    width:100%;
    height:100%;
    background:#000;
    overflow:hidden;
    font-family:Arial, Helvetica, sans-serif;
}

/* ===========================
   CONTENEDOR
=========================== */

body{
    display:flex;
    justify-content:center;
    align-items:center;
}

/* ===========================
   IMAGEN PRINCIPAL
=========================== */

.imagen-principal{
    width:100vw;
    height:100vh;
    object-fit:contain;   /* Cambia a cover si quieres que llene toda la pantalla */
    background:#000;
    display:block;
}

/* ===========================
   BOTÓN TELEGRAM
=========================== */

.telegram{
    position:fixed;
    right:30px;
    bottom:30px;

    width:70px;
    height:70px;

    background:#2AABEE;
    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:0 10px 25px rgba(0,0,0,.45);

    transition:.3s;

    z-index:9999;
}

.telegram:hover{
    transform:scale(1.12);
}

.telegram img{
    width:38px;
    height:38px;
}

/* ===========================
   RESPONSIVE
=========================== */

@media (max-width:768px){

    .telegram{

        width:60px;
        height:60px;

        right:20px;
        bottom:20px;

    }

    .telegram img{

        width:34px;
        height:34px;

    }

}