:root {
  --bg1-color: #ffffff;
  --bg2-color: #000;
  --bg3-color: #002b06;
  --bg4-color: #2f002f;
  --text-color: #ffffff;
  --link-color: #aaaaff;
  --hover-highlight: #710071;
}

@keyframes grad {
  0% {background-color: var(--bg2-color);}
  33% {background-color: var(--bg3-color);}
  66% {background-color: var(--bg4-color);}
  100% {background-color: var(--bg2-color);}
}

@keyframes bg {
  0% {background: fixed no-repeat url("media/goldstream.gif"); background-size: cover;}
  25% {background: fixed no-repeat url("media/barbados.gif"); background-size: cover;}
  50% {background: fixed no-repeat url("media/flowers_bees.gif"); background-size: cover;}
  75% {background: fixed no-repeat url("media/above_clouds.gif"); background-size: cover;}
  100% {background: fixed no-repeat url("media/goldstream.gif"); background-size: cover;}
}

body {
  background-color: black;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  color: var(--text-color);
  font-size: large;
  padding: 0;
  animation-name: bg;
  animation-duration: 40s;
  animation-iteration-count: infinite;
}

div {
  padding-left:20px;
  padding-right:20px;
  padding-top:2px;
  padding-bottom:2px;
  margin: 0;
  /* border: 1px solid black; */
}

h1 {
  font-size: large;
}

.content{
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--bg2-color);
  opacity: 0.9;
  width: 1000px;
  min-height: 100%;

  padding: 0px;

  animation-name: grad;
  animation-duration: 50s;
  animation-iteration-count: infinite;
}

a {
  text-decoration: none;
  color: var(--link-color);
}
a:hover {
  background-color: var(--hover-highlight);
}

#topdog {
  /* background-color: var(--bg1-color); */
  position: absolute;
  left: 650px;
  top:10px;
  text-align: right;
  font-style: italic;
  color:var(--link-color);
}

.tabdate {
  padding-right:10px;
}



.media{
  position: absolute;
  left: 1002px;
  top: 20px;
  margin: 0;
  padding: 0;
}

.video {
  width: 100%;
  border: 0;
}

.videos {
  width: 100%;
  margin: 0;
  padding: 0;
}

.bandcamp {
  width: 100%;
  height: 42px;
  border: 0;
}

.music {
 border: 0; 
 margin: 0;
 padding: 0; 
}

iframe {
  border: 0;
  margin: 0px;
  padding: 0;
}