.before-load {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    background-color: #fff;
    position: relative;
    display: grid;
    place-items: center;
}

.short-news{
	padding: 7px 7px 7px 0;
	margin: -7px -7px -7px 0;
	border: 1px solid #c00;
	border-radius: 12px;
	background: #e002;
	animation: bg-short-news 2s ease infinite;
}
@keyframes bg-short-news {
	0% {background-color: #e001;}
	25% {background-color: #e005;}
	100% {background-color: #e001;}
}
.short-news .fa-bullhorn:before{
	animation: short-news-bullhorn 2s ease infinite!important;
}
@keyframes short-news-bullhorn {
	0% {transform: scale(1)!important;}
	10% {transform: scale(1.25)!important;}
	25% {transform: scale(1)!important;}
	30% {transform: scale(1)!important;}
	40% {transform: scale(1.25)!important;}
	55% {transform: scale(1)!important;}
	100% {transform: scale(1)!important;}
}
#myVideo {
    height: 100%;

}

.elementary {
    background: #ffa8a8;
    color: #ffe9e9;
    text-shadow: 0 1px 5px #fdafaf;
}

.guidance {
    background: #47ea77;
    color: #fff;
    text-shadow: 0 1px 5px #9fffb3;
}

.high-school {
    background: #5ba3ff;
    color: #fff;
    text-shadow: 0 1px 5px #0191bd;
}

.icon-bar-item:hover {
    animation: zoom 1.5s normal;
}