@import url("../../../cdn/fonts/file.css");

body {
	background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../bg.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
    background-position: center; z-index: -2;
	color: #fff;
    font-family: 'Inter';
	margin: 0;
	padding: 0;
}

iframe {
    border: 4px solid gray;
    border-radius: 10px;
    width: 95%;
    height: 64vh;
    max-width: 900px;
    margin: 20px auto;
    background-color: rgba(50,50,50,0.7);
    padding: 8px 16px;
}

.button {
    background: transparent; border: 2px solid white; border-radius: 16px;
    padding: 4px 16px; color: white; font-weight: bold; text-decoration: none; transition: 300ms;
}
.button:hover { background: white; color: black; }
.button:active { background: rgba(255, 255, 255, 0.6) }