body {
  background: url(Background.jpg)  no-repeat center fixed;
  background-size: cover;
  color: white;

}

a {
  color: violet;
}

a:hover {
  color: magenta;
}

a.btn-buy {
  background-color: teal;
  border-color: turquoise;
  font-weight: bold;
}
a.btn-buy:hover {
  background-color: violet;
  color: white;
}

#backgroundvideo {
  position: fixed;
  size: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

#tophead {
  text-align: center;
  margin-bottom: 24px;
  margin-top: 24px;
}

.widgetframe {
  border: 1px solid magenta;
  border-radius: 12px;
  margin: 18px;
  padding: 18px;
  background: black;
  opacity: 0.75;
  backdrop-filter: blur(5px);
}

.video-container iframe {
  width: 640px;
  height: 360px;
}
.video-container-full iframe {
  width: 1120;
  height: 630;
}

#musktimer {

}

#musktimer #readout {
  display: flex; 
  align-items: flex-start; 
  justify-content: space-evenly; 
  font-size: 24px; 
  color: grey;
}

#musktimer #time {
  color: teal;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

#musktimer #remaining {
  color: teal;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#musktimer #amount {
  color: turquoise;
  font-size: 24px; 
  font-weight: bold;
  text-align: center;
}

.fineprint {
  font-size: 12px;
  color: grey;
 }

.article h2 {
  color: violet;
}



@keyframes ticker {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.stock-ticker {
  width: 100%;
  overflow: hidden;
  background: #000;
  color: #fff;
  padding: 10px 0;
  box-sizing: border-box;
}

.ticker-wrap {
  display: flex;
  width: 100%;
}

.ticker {
  display: flex;
  white-space: nowrap;
  animation: ticker 50s linear infinite;
  width: 3000;
  margin-left: -1500;
}

.ticker span {
  font-size: 125%;
  display: inline-block;
  padding: 0 2rem;
  font-weight: bold;
}

.stockup {
  color: green;
}

.stockdown {
  color: red;
}



@media screen and (max-width: 600px){
  h2 {
    font-size: 24px;
  }

  .video-container iframe {
    width: 100%;
    height: auto;
  }

  .video-container-full iframe {
    width: 100%;
    height: auto;  
  }

  #musktimer #readout {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }  
}