@charset "utf-8";


/* 헤더에 알람설정 아이콘 */
@keyframes alarm {
    0% {transform: translate(-1px); color: blue;}
    10% {transform: translate(1px);}
    20% {transform: translate(-1px);}
    30% {transform: translate(1px);}
    40% {transform: translate(-1px);}
    50% {transform: translate(1px);}
    60% {transform: translate(-1px);}
    70% {transform: translate(1px);}
    80% {transform: translate(-1px);}
    90% {transform: translate(1px); color: blue;}
    100% {transform: translate(-1px); color: darkslategrey;}
}
/* 일기예보 페이지 구름1 */
@keyframes weather1 {
    0% {
        position: absolute; top: 0px; left: 70%;
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        position: absolute; top: 0px; left: -100%;
    }
}
/* 일기예보 페이지 구름2 */
@keyframes weather2 {
    0% {
        position: absolute; top: 30%; right: 100%;
    }
    90% {
        opacity: 1;
    }
    100% {
        position: absolute; top: 30%; right: -70%;
        opacity: 0;
    }
}

/* 로딩화면(769px 이상) 바이러스들 */
@keyframes virus {
    0% {
        transform: translateY(0px);
        width: 110px; height: 90px;
    }
    20% {
        width: 100px; height: 100px;
    }
    50% {
        transform: translateY(-50px);
    }
    80% {
        width: 100px; height: 100px;
    }
    100% {
        transform: translateY(0px);
        width: 110px; height: 90px;
    }
}