首页/styles.css

.base_block {
    max-width: 1600px;
    padding: 1.6em;
    margin: 0.8em auto;
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 5px #aaa;
}
.base_block .video_block{
	position: relative; 
	box-shadow: 0 2px 5px #aaa;
	max-width: 800px;
	transition: transform 0.3s ease-in-out;
}
.hover-effect:hover {
	transform: scale(1.25);
	animation: float 1s infinite ease-in-out;
}

@keyframes float {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
}

.base_block .video_block p .mw-default-size span img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
}
.video_block .progress_bar{
	position: absolute;
    bottom: 0;
    width: 100%;
    height: 64px;
    color: white;
    text-align: center;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
.video_block .progress_bar .bar{
    position: absolute;
    top: 22px;
    left: 2.5%;
    width: 95%;
    height: 4px;
    color: white;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
}
.dOOPAe {
    position: absolute;
    bottom: 6px;
    left: 24px;
    color: white;
    font-size: 20px;
    text-align: center;
}
.dO1PAe {
    position: absolute;
    top: 4px;
    left: 20px;
    color: white;
    text-align: center;
}