html {overflow-x: hidden;}
body {
  display: grid;
  grid-template-columns: 200px 400px 200px;
  grid-template-rows: 100px 230px 130px 60px 150px 35px;
  grid-template-areas:
  "header header header"
  "update main nav"
  "art main song"
  "art graphic rss"
  "art rings rss"
  "footer footer footer";
  width: fit-content;
  margin: 10px auto;
  border-radius: 100px 100px 10px 10px;
}
header {
	grid-area: header;
	svg {
		background: #aaaaaa00;
		text {
			font: normal 100px gothik, 'Times New Roman', Times, serif;
			fill: var(--ow);
			text-shadow: 0 0 3px #60b5fb, 0 0 5px var(--lb), 2px 2px 3px var(--ob);
			tspan {
				font-size: 70px;
			}
		}
	}
	#dove {
		position: absolute;
		top: 0;
		margin: 0 600px;
		width: 183px;
		height: 142px;
		-webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
		background: url('../../graphics/other/gif_dove.gif');
	}
}
main {grid-area: main;}
nav {grid-area: nav;}
#update {grid-area: update;}
  #update p, #art p, #update time, #art time {display: block;}
  #update time, #art time {
		margin-bottom: 10px;
    font-weight: bold;
    border-block-end: 1px dashed var(--ob);
  }
#art {grid-area: art;img {width: 100%;}}
#song {
  grid-area: song;
	.a {overflow: hidden;}
  iframe {
    height: 100%;
    width: 100%;
    border: none;
		border-radius: 5px;
    filter: sepia(1) hue-rotate(170deg) saturate(3);
  }
}
#rings {grid-area: rings;text-align: center;* {color: inherit;}}
#rss {grid-area: rss;}
#graphic {
  grid-area: graphic;
	display: flex;
	flex-wrap: wrap;
  justify-content: center;
  margin-top: 2px;
  line-height: 0;
  img {
		display: block;
		height: 20px;
	}
}
footer {grid-area: footer;}
@media (max-width: 800px) {
html {overflow: auto;}
body {
  grid-template-columns: 99vw;
  grid-template-rows: 100px repeat(7, auto) 35px;
  grid-template-areas:
  "header"
	"nav"
	"main"
	"update"
	"art"
	"song"
	"rings"
	"rss"
	"footer";
}
header {svg {width: 150%;}}
#graphic, #graphics, header #dove {display: none;}
}