@charset "utf-8";

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    background: url('/images/yama.png') no-repeat center center;
    background-size: cover;
}

video {
    display: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}

button {
    position: absolute;
    top: 65%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 2;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    display: block;
	text-align: center;
	text-decoration: none;
	width: 250px;
	margin: auto;
	padding: 1rem 2rem;
	font-weight: bold;
	border-radius: 100vh;
	border-bottom: 7px solid #0686b2;
	background: #27acd9;
	color: #fff;
}
button:hover{
    margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

#backButton {
    display: none;
}