:root {
--background-color: #C0E702;
--background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20videos%20bg.svg);
--green: green;
--text: white;
}

.dark-theme {
--background-color: #1a1a1a;
--background-image: url(https://file.garden/ZceRIIBo0FZgJaaA/bg/ttm%20videos%20bg%20dark%20mode.svg);
--green: black;
--text: white;
}

body {
background-color: var(--background-color);
background-image: var(--background-image);
}

header {
text-shadow: var(--text-shadow);
font-size: 65px;
}

.home {
background-color: var(--green);
position: relative;
}

.themer {
background-color: var(--green);
border: none;
padding-left: 50px;
padding-right: 50px;
font-family: 'Grilled Cheese';
color: white;
height: 50px;
font-size: 30px;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 100%;
position: relative;
top: 20px;
right: 30px;
float: inline-end;
}
.themer:hover {
cursor: pointer;
transform: scale(1.3);
filter: drop-shadow(0px 0px 10px white);
}

iframe {
position: absolute;
top: 55%;
left: 50%;
height: 80vh;
width: 68vw;
aspect-ratio: 16 / 9;
background-color: black;
transform: translate(-50%, -50%);
}