body{

margin:0;

height:100vh;

display:flex;

justify-content:center;

align-items:center;

font-family:Arial;

background:linear-gradient(
135deg,
#4facfe,
#00f2fe);

}


/* LOGIN PAGE */

.login-container,
.weather-container{

width:350px;

padding:35px;

border-radius:25px;

background:rgba(255,255,255,0.2);

backdrop-filter:pink(15px);

box-shadow:0 8px 32px rgba(
0,0,0,0.2);

text-align:center;

color:white;
}


/* INPUT */

input{

width:85%;

padding:14px;

margin:12px 0;

border:none;

border-radius:12px;

outline:none;
}


/* BUTTON */

button{

padding:14px 25px;

margin-top:15px;

border:none;

border-radius:12px;

cursor:pointer;

font-weight:bold;
}


/* WEATHER PAGE HIDE */

.weather-container{

display:none;
}


/* LOGOUT BUTTON */

.logout-btn{

background:red;

color:white;
}