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

}

body{
    font-family: sans-serif;
    background-color: rgb(240, 240, 240);
    color: rgb(255, 255, 255);
    display: flex;
}


.master-card{
background-color: rgb(55, 73, 86);
height: 340px;
width: 600px;
border-radius: 20px;
margin: auto;




}

h1{
position: absolute;
left: 500px;
top: 20px;
}


.sim{
    position: absolute;
    left: 460px;
    top: 60px;
    width: 200px;

}

.to{
    position: absolute;
    left: 495px;
    top: 230px; 
    font-weight: bold;


}

.valid{
    position: absolute;
    left: 495px;
    top: 250px; 
    font-size: 7px;
}

.slash{
    position: absolute;
    left: 495px;
    top: 275px; 
    font-size: 20px;
}


h4{
    position: absolute;
    left: 495px;
    top: 300px; 

}

.wifi{
    position: absolute;
    left: 1000px;
    top: 20px;
    width: 50px;
}


h3{
    position: absolute;
    left: 980px;
    top: 160px;
}

.o-r{
    position: absolute;
    left: 855px;
    top: 160px;

}




@media(max-width: 768px) {



    .master-card{
        background-color: rgb(55, 73, 86);
        height: 340px;
        width: 400px;
        border-radius: 20px;
        margin: auto;
               
        }


    h1{
        position: absolute;
        left: 60px;
        top: 20px;
        color: rgb(252, 255, 255);
    }

    .sim{
        position: absolute;
        left: 20px;
        top: 60px;
        width: 200px;
        display: flex;
    
    }
   
    .to{
        position: absolute;
        left: 60px;
        top: 220px; 
        font-weight: bold;
    
    
    }


    .valid{
        position: absolute;
        left: 60px;
        top: 250px; 
        font-size: 7px;
    }

    .slash{
        position: absolute;
        left: 60px;
        top: 266px; 
        font-size: 20px;
    }

    h4{
        position: absolute;
        left: 60px;
        top: 300px; 
    
    }
    
    .wifi{
        position: absolute;
        left: 350px;
        top: 20px;
        width: 50px;
    }
    
    
    h3{
        position: absolute;
        left: 330px;
        top: 160px;
    }
    
    .o-r{
        position: absolute;
        left: 280px;
        top: 220px;
        width: 150px;
    
    }
    








}