@charset "utf-8";  

html,body{
	background:#eeeeee;
	color:#484848;
	scroll-behavior: smooth;
}

body{
	background-image: url(../img/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 57% 50%;
	background-color: #808080;
	background-attachment: fixed;
}

header, footer{
	position: fixed;
	width: 100%;
	padding: 20px;
	background: rgba(0,0,0,0.3);
	backdrop-filter: blur(15px);
	z-index: 10;
}
header {top:0;}
footer {
	bottom: 0;
	color: #ffffff;
	text-align: center;
}

header img{
	width: 280px;
}

video {
	position: fixed;
	height: 100%;
}

section {
	position: relative;
	height: 100vh;
}

table {
	width: 100%;
	max-width: 900px;
	margin: 20px 0 0 0;
	border-collapse: separate;
	border-spacing: 1px;
}
th, td {
	background: #fff;
	padding: 10px;
}




@media (max-width: 767px) {
	table {
    width: 95%;
	}
	th {
    width: 100px;
    font-size: 12px;
    text-align: right;
	}
	td {
    font-size: 12px;
	}


}