h1{font-family: 'LG'; cursor: url('hand.png') 0 0, auto;}
@font-face {font-family: 'LG'; src: url('LeagueGothic-Regular.otf');}
@font-face {font-family: 'CS'; src: url('COMIC.TTF');}
table{background-color: #dfdfa0; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #5e5e44; border-bottom: 2px solid #5e5e44; font-family: 'CS'; width: 50%; height: auto; font-size: 1.5rem; margin: 0 auto; text-align: center;}
button{background-color: #dfdfa0; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #5e5e44; border-bottom: 2px solid #5e5e44; font-family: 'CS'; font-size: 1.5rem; cursor: url('hand.png') 0 0, auto;}
button:active {border-top: 2px solid #5e5e44; border-left: 2px solid #5e5e44; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: translate(1px, 1px);}
th{background: linear-gradient(to right, #008080, #10cf5c); color: #ffffff;}
input{font-family: 'CS'; border-top: 2px solid #5e5e44; border-left: 2px solid #5e5e44; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; font-size: 1.5rem; color :#000000; outline: none; cursor: url('column.png') 0 0, auto;}
a{text-decoration: none; color: #000000;cursor: url('hand.png') 0 0, auto;}
mark {background-color: #008080; color: #ffffff;}
body{background-color: #007f00; background-image: url('grass.png'); background-repeat: repeat; background-attachment: fixed; background-size: auto; cursor: url('cursor.png') 0 0, auto;}
img{width: 50%; height: auto;}
.logo{width: 32px; height: 32px;}
.place{width: 32px; height: 32px;}
object{background-color: white; width: 100%; height:auto;}
video{width: 100%; height:auto;}
.map{background-image: url('map.png'); background-repeat: repeat; background-attachment: fixed; background-size: auto;}
#noResults {font-family: 'CS'; font-size: 1.5rem; font-style: italic; color: #000000; display: none; padding: 10px; text-align: center;}
.tab-btn.active {border-top: 2px solid #5e5e44; border-left: 2px solid #5e5e44; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; background-color: #cfcf90;}
.tabs-container {margin-top: 20px;}  
a.content-btn {display: inline-block; background-color: #dfdfa0; font-family: 'CS'; font-size: 1.5rem; color: #000000; text-decoration: none; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #5e5e44; border-bottom: 2px solid #5e5e44; padding: 0.04em 0.1em;}
a.content-btn:active {border-top: 2px solid #5e5e44; border-left: 2px solid #5e5e44; border-right: 2px solid #ffffff; border-bottom: 2px solid #ffffff; transform: translate(1px, 1px);}
#art {display: block; margin: 0 auto;}
#slider{display: flex; align-items: center; gap: 10px;}
#zoomSlider{flex-grow: 1; cursor: url('hand.png') 0 0, auto;}
html{cursor: url('cursor.png') 0 0, auto;}
.videoWrapper {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}   