.admin{
    max-width: 100%;
    max-height: 100%;
    
    width: 100%;
    height: 100%;

    border-radius: 0px;
}

.admin .keyStatus.hide{
    animation: adminHide .3s ease-in-out;
}

.admin input.hide{
    animation: adminHide .3s ease-in-out;
}

@keyframes adminHide {
    to{
        transform: translateY(-20px);
        opacity: 0;
    }
}

.admin .weather{
    height: 100px;
    border-radius: 12px;
    overflow: hidden;
}

.admin .weather img{
    width: 100%;
    max-height: 100%;
    object-fit: cover;
}