body{background-color: rgb(224, 81, 81);}
header{background-color: rgb(255, 255, 255);height: 80px;width: 1292px;position:relative;left: -20px;top: -10px;}
h1{position: absolute;left: 570px;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: red;}    
#container{height: 450px;width: 450px;background-color: rgb(255, 255, 255);position: relative;left: 420px;margin-top: 30px;border-radius: 30px;}
#image_container{height: 80px;background-color: red;width: 90px;border-radius: 50%;position: absolute;left: 180px;top: 70px;}
#image_icon{position: absolute;left: 13px;top: 10px;}
#email{position: absolute;top: 130px;left: -100px;font-size: 24px;}
#senha{position: absolute;top: 190px;left: -100px;font-size: 24px;}
#email_img{position:absolute ;left: -140px;top: 130px;}
#senha_img{position:absolute ;left: -138px;top: 192px;}
#entrar{position: absolute;top: 270px;font-size: 24px;padding-top: 15px;padding-bottom: 15px;padding-left: 40px;padding-right: 40px;border-radius: 15px;border: 0px;background-color: red;color: white;left: -28px;}
@media (max-width:600px) {
body{background-color: rgb(224, 81, 81);}
header{background-color: rgb(255, 255, 255);height: 80px;width: 1292px;position:relative;left: -20px;top: -10px;}
h1{position: absolute;left: 120px;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: red;}    
#container{height: 450px;width: 350px;background-color: rgb(255, 255, 255);position: relative;left: 10px;margin-top: 60px;border-radius: 30px;}
#image_container{height: 80px;background-color: red;width: 90px;border-radius: 50%;position: absolute;left: 130px;top: 70px;}
#image_icon{position: absolute;left: 13px;top: 10px;}
#email{position: absolute;top: 135px;left: -40px;font-size: 15px;}
#senha{position: absolute;top: 190px;left: -40px;font-size: 15px;}
#email_img{position:absolute ;left: -80px;top: 130px;}
#senha_img{position:absolute ;left: -80px;top: 192px;}
#entrar{position: absolute;top: 270px;font-size: 24px;padding-top: 15px;padding-bottom: 15px;padding-left: 40px;padding-right: 40px;border-radius: 15px;border: 0px;background-color: red;color: white;left: -28px;}}
  @media (max-width:1440px) {   
    body{background-color: rgb(224, 81, 81);}
    header{background-color: rgb(255, 255, 255);height: 80px;width: 1451px;position:relative;left: -20px;top: -10px;}
    h1{position: absolute;left: 645px;font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;color: red;}    
    #container{height: 600px;width: 550px;background-color: rgb(255, 255, 255);position: relative;left: 445px;margin-top: 30px;border-radius: 30px;}
    #image_container{height: 80px;background-color: red;width: 90px;border-radius: 50%;position: absolute;left: 225px;top: 95px;}
    #image_icon{position: absolute;left: 13px;top: 10px;}
    #email{position: absolute;top: 150px;left: -160px;font-size: 36px;}
    #senha{position: absolute;top: 220px;left: -160px;font-size: 36px;}
    #email_img{position:absolute ;left: -195px;top: 155px;}
    #senha_img{position:absolute ;left: -191px;top: 230px;}
    #entrar{position: absolute;top: 290px;font-size: 24px;padding-top: 15px;padding-bottom: 15px;padding-left: 100px;padding-right: 100px;border-radius: 15px;border: 0px;background-color: red;color: white;left: -80px;}
    #entrar:hover{position: absolute;top: 290px;font-size: 24px;padding-top: 15px;padding-bottom: 15px;padding-left: 100px;padding-right: 100px;border-radius: 15px;border: 0px;background-color: rgb(159, 2, 2);color: white;left: -80px;}
}