@media (min-width:320px) and (max-width:740px){

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

    body{
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;  
       background:linear-gradient(to top left,#000000,rgb(255, 0, 234));
       overflow: hidden;
    
    
    
    }


    .conther{
        width: 80%;
        height: auto;
        /* border: 2px solid green; */
        text-align: center;
        top:40%;
        position: relative;
        transform: translateY(-50%);
        color: #ffff;
    }
    

    .conther h3{
        color: #ffff;
        font-size: 17px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .div_buttons{
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-around;
        align-items: center;
        /* border: 1px solid red; */
    }


    .div_buttons > button{
        width: 50%;
        color: #ffff;
        font-size: 20px;
        color: #FF0072;
        font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        border: none;
        height: 90px;

    }

}