body{
height: 100%;
font-family: 'Geneva', sans-serif;
background-image: url('lwa.png');
background-repeat: no-repeat;
background-size: cover;
user-select: none;
color: white;
margin: 0;
}

.kmd{
background-color: rgba(0, 0, 0, 0.30);
position:fixed; top:0%;  left:0%;
backdrop-filter: blur(15px);
font-size: 25px;
display: flex;
height: 50px;
width: 100%;
}

.footy{
background-color: rgba(0, 0, 0, 0.30);
backdrop-filter: blur(15px);
position: absolute;
text-align: center;
height: 80px;
width: 100%;
bottom: 0;
left: 0;
}

.app{
transition: transform 0.10s ease-in-out;
border-radius: 100%;
user-select: none;
margin-top: 10px;
padding: 5px;
}

.app:hover{
transform: scale(1.05);
}

.battery-level{
transition: color 0.5s ease-in-out;
padding: 10px;
margin: 0;
}

.ara{
background-color: rgba(255, 255, 255, 0.25);
transition: border-color 0.3s ease;
border: 1px solid #4A4A4A;
outline: none;
color: #B5B5B5;
}