@font-face {
    font-family: "Trebuchet MS";
    src: url("../fonts/trebuc.ttf") format("truetype");
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'Trebuchet MS';
	overflow: hidden;
}

.background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}

.background video {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

a img:hover {
    cursor: pointer;
    filter: brightness(125%);
}

.radio {
    width: 6vh;
    height: 6vh;
    position: absolute;
    left: calc(50% - 20vh);
    bottom: 12vh;
    z-index: 200;
}

.about {
    width: 6vh;
    height: 6vh;
    position: absolute;
    right: calc(50% - 18.8vh);
    bottom: 11.3vh;
    z-index: 200;
}

.player {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}