body {
background-image: linear-gradient(to right, #848081, #C8C8C8);
overflow-x: hidden;
overflow-y: hidden;
}

@media (min-width: 768px) and (max-width: 1366px ) {

.loginbox {
position: fixed;
width: 655px;
height: 300px;
border: 2px solid black;
border-radius: 10px;
background-image: linear-gradient(to top, #7b7c7d, #dddcde);
transform: translate(-50%, -50%);
top: 40%;
left: 50%;
box-shadow: 0px 10px 15px rgba(0.2,0,0,0.5);
border: none;
}

#back {
width: 100px;
height: 50px;
background-color: white;
color: black;
font-family: arial;
border-radius: 35px;
border: none;
text-decoration: none;
}

#back:hover {
transition-duration: 0.5s;
transform: scale(1.13);
    
}

#email {
position: relative;
top: 75px;
left: 10px;
width: 625px;
height: 32px;
border-radius: 10px;
border: none;
}

#password {
position: relative;
top: 90px;
left: 10px;
width: 625px;
height: 32px;
border-radius: 10px;
border: none;
}


#login {
position: relative;
top: 170px;
left: -178px;
height: 25px;
width: 190px;
border-radius: 10px;
border-color: white;
}

#signup {
position: relative;
top: 170px;
left: 450px;
height: 26px;
width: 190px;
border-radius: 10px;
border-color: white;
}

.floor {
position: absolute;
width: 200%;
height: 100vh;
top: 50%;
left: 100px;
background: linear-gradient(270deg, #d9d9d9, #999999, #d9d9d9);
background-size: 400% 400%;
animation: shimmer 8s ease infinite;
transform: translate(-50%, 0%); 
}

h1 {
position: absolute;
left: 275px;
font-family: helvetica;
}



.g_id_signin {
position: relative;
top: 80px;
left: 10px;
width: 628px;
}
}

@media (min-width: 1367px) and (max-width: 1920px ) {
.loginbox {
position: fixed;
width: 655px;
height: 300px;
border: 2px solid black;
border-radius: 10px;
background-image: linear-gradient(to top, #7b7c7d, #dddcde);
transform: translate(-50%, -50%);
top: 19%;
left: 50%;
transform: translate(-50%, 0%); 
box-shadow: 0px 10px 15px rgba(0.2,0,0,0.5);
border: none;
}

#back {
width: 100px;
height: 50px;
background-color: white;
color: black;
font-family: arial;
border-radius: 35px;
border: none;
text-decoration: none;
}

#back:hover {
transition-duration: 0.5s;
transform: scale(1.13);
    
}

#email {
position: relative;
top: 75px;
left: 10px;
width: 625px;
height: 32px;
border-radius: 10px;
border: none;
}

#password {
position: relative;
top: 90px;
left: 10px;
width: 625px;
height: 32px;
border-radius: 10px;
border: none;
}


#login {
position: relative;
top: 170px;
left: -178px;
height: 25px;
width: 190px;
border-radius: 10px;
border-color: white;
}

#signup {
position: relative;
top: 170px;
left: 450px;
height: 26px;
width: 190px;
border-radius: 10px;
border-color: white;
}

.floor {
position: absolute;
width: 200%;
height: 50vh;
top: 10px;
left: 100px;
background: linear-gradient(270deg, #d9d9d9, #999999, #d9d9d9);
background-size: 400% 400%;
animation: shimmer 8s ease infinite;
transform: translate(-50%, 0%); 
}

h1 {
position: absolute;
left: 275px;
font-family: helvetica;
}



.g_id_signin {
position: relative;
top: 80px;
left: 10px;
width: 628px;
}
}