body {
    background-color: black; 
    margin: auto;
    overflow-x: hidden;
    font-family: "Monaco", monospace;
  }
  
@media only screen and (max-width: 960px) {
body {
    width: 960px;  
    margin: auto;
    }
}

/* Content Shit */

.content {
    max-width: 960px; /* Could be anything, but 75% works here. */
    margin: auto; /* This is what center the content div itself. */
 }
 
 p {
     text-align: center; /* This will center the text inside the paragraph tag */
 }
 
 /* Phones Bullet */
 
 .phones {
  width:200px;
  height:auto; 
  position: relative;
  z-index:6;
  margin: 0;
  top:250px;
  left:400px;
  transition: transform .2s; /* Animation */
  -webkit-animation: action 1s infinite  alternate;
  animation: action 1s infinite  alternate;
    }
    
  .phones img {
  width:130px;
  height:auto; 
  margin: 0;

    }
 
 @-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
  }

  @keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
  }
  
  /* Mateo Bullet */
 
  .mateo {
  width:200px;
  height:auto; 
  position: relative;
  z-index:6;
  margin: 0;
  top:120px;
  left:620px;
  transition: transform .2s; /* Animation */
  -webkit-animation: action 1.4s infinite  alternate;
  animation: action 1.4s infinite  alternate;
    }
    
  .mateo img {
  width:180px;
  height:auto; 
  margin: 0;

    }
    
 @-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
  }

  @keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
  }
 
  /* Jackson Bullet */
  
  .jackson {
  width:200px;
  height:auto; 
  position: relative;
  z-index:6;
  margin: 0;
  top:100px;
  left:300px;
  transition: transform .2s; /* Animation */
  -webkit-animation: action 1.3s infinite  alternate;
  animation: action 1.3s infinite  alternate;
    }
    
  .jackson img {
  width:190px;
  height:auto; 
  margin: 0;

    }
    
  @-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-14px); }
  }

  @keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-14px); }
  }

  /* Cash Bullet */
  
 .cash {
  width:200px;
  height:auto; 
  position: relative;
  z-index:6;
  margin: 0;
  top:-120px;
  left:490px;
  transition: transform .2s; /* Animation */
  -webkit-animation: action 1.2s infinite  alternate;
  animation: action 1.2s infinite  alternate;
    }
    
  .cash img {
  width:250px;
  height:auto; 
  margin: 0;

    }
    
  @-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-13px); }
  }

  @keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-13px); }
  }

 /* Gun and BG */
 
.gun {
  width:340px;
  height:auto; 
  position: relative;
  z-index:7;
  margin: 0;
  top:-430px;
  left:80px;
  transform: rotate(-20deg);
  transition: transform .2s; /* Animation */
    }
    
  .gun img {
  width:340px;
  height:auto; 
  margin: 0;
   -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
    }
    
   .gun:hover {
  transform: rotate(-15deg); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  }
  
 .bgstars {
  width:960px;
  height:auto; 
  position: absolute;
  z-index:4;
  margin: auto;
  top:200px;
  filter: brightness(90%);
  }
  
  .bgstars img {
  width:700px;
  height:auto; 
  margin: auto;
  display: block;

    }
  
  
  .bgsignal {
  width:960px;
  height:auto; 
  position: absolute;
  z-index:2;
  margin: auto;
  top:100px;
  }
  
  .bgsignal img {
  width:700px;
  height:auto; 
  margin: auto;
  display: block;
  opacity: 0.575;

    }
    
   /* Words */
   
 .warning {
    width: 500px;
    position: relative;
    color: yellow;
    margin: auto;
    top: -400px; 
    text-align: center;
    z-index:5;
    
}

 .presents {
    width: 500px;
    position: relative;
    color: yellow;
    margin: auto;
    top: -930px; 
    z-index:5;
}

.count {
    display: inline-block;
    width: 120px;
    height: auto;
    margin: auto;
    position: relative;
    top:-1073px;
    left: 660px;
    z-index:5;
}