body{
  background-color: #201f24;
}


#header > img{
  width: 60px;
  height: 60px;
  
}

#header {
  display: flex;
  align-items: center;
  background-color: #201f24
  
}

#header > p {
  margin-left: 10px;
  margin-right: 10px;
}

#products {
  display: flex;
  margin-left: 50px;
}

#products > p {
  margin-left: 10px;
  margin-right: 10px;
}

.showAnchor {
  color: white;
  text-decoration: none;
  margin-top 20px;
}

select{
  border: none;
  background-color: #201f24;
  color: white;
  padding: none;
}

.selectopt{
  width: 115px;
}

#content{
  background-image: url("images/xboxbackground2.jpg");
  width: 100%;
  height: 1000px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 40px;
}


#stickyheader{
  width: 1900px;
  background-color: #201f24;
  position: sticky;
  top: 0;
}

.hook{
  padding-top: 350px;
  padding-right: 200px;
}

#tagline{
  animation: FadeIn 2s;
}

.description {
  animation: FadeIn 6s;
}


#shop{
  animation: FadeIn 8s;
}

@keyframes FadeIn {
  0% {
    opacity: 0;
    
  }
  
  100% {
    opacity: 1;
    display: show;
    
  }
  
}

#shop{
  color: #9bf00b;
  border: none;
  background-color: #201f24;
  font-size: 20px;
  transition: transform 1s;
  
}

#shop:hover{
  transform: scale(1.2);
}

.optimg > img{
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.optimg {
  display: inline-block;
  transition: transform 1s;
}

.optimg:hover {
  transform: scale(1.2);
}

#options {
  width: 500px;
  padding-top: 20px;
  margin: auto;
}


.sqaure-promotions{
  background-color: #107c10;
  width: 600px;
  height 600px;
}

.sqaure-imgs{
  width: 600px;
  height: 300px;
  background-size: cover;
}

.sm-rect-promotions{
  background-color: grey;
  width: 400px;
  height: 300px;
}

.lg-rect-promotions{
  background-color: grey;
  width: 1300px;
  height: 600px;
}

#GPP-button{
  background-color: #107c10; 
  border: none;
  color: white;
}

#promotions{
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

#pro2{
  background-image: url("images/elitecontrollerXbox.jpg");
  width: 1083px;
  
}

#controller-img{
  width: 1100px;
  height: 795px;
}

#conAbout{
  max-width: 325px;
}

#Design-btn{
  background: transparent;
  border: none;
  color: white;
}

.gamebtnLgt{
  background: transparent;
  border: none;
  color: black;
}


#promotions-section-2{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 150px;
  
}

.ProPoster{
  width: 400px;
  height: 533px;
}

.SidDescript {
  background-color: #c5b9ae;
  height: 180px;
}

.AvowedDescript{
  max-width: 400px;
  background-color: #d6d0b7;
  height: 180px;
}

.NHLDescript{
  max-width: 400px;
  background-color: lightgrey;
  height: 180px;
}

.KingdomDescript{
  max-width: 400px;
  background-color: #121212;
  height: 180px;
  color: white;
}

.gamebtndrk{
  background: transparent;
  border: none;
  color: white;
}

.proAnchor{
  text-decoration: none;
  color: white;
}