body {
   margin: 0;
   padding: 0;
   background: #334EC3;
}
.container-div {
   height: 100vh;
   width: 100vw;
   background: #334EC3;
   background: -webkit-radial-gradient(#5b71cf, #283e9c);
   background: -o-radial-gradient(#5b71cf, #283e9c);
   background: -moz-radial-gradient(#5b71cf, #283e9c);
   background: radial-gradient(#5b71cf, #283e9c);
   margin-top: -32px;
}
#logo-lg {
   width: 250px;
   position: relative;
   top: 30px;
   left: 40px;
   transition: 0.3s;
   shadow: 0px 0px 10px black;
}
#logo-sm {
   width: 200px;
   position: relative;
   margin-left: auto;
   top: 30px;
   margin-right: auto;
   transition: 0.3s;
}
#header-lg {
   margin-top: 23vh;
   font-size: 100px;
   font-family: Raleway;
   color: white;
   text-shadow: 0px 0px 10px black;
}
#header-sm {
   margin-top: 20vh;
   font-size: 50px;
   font-family: Raleway;
   color: white;
   text-shadow: 0px 0px 10px black;
}
.hr-style {
   box-shadow: 0px 0px 10px black;
}
#button-container {
   margin-top: 3vh;
   margin-bottom: 1.5vh;
}
#contact-button {
   color: black;
   font-size: 20px;
   background-color: white;
   font-family: Raleway;
   border: 5px solid #7083D5;
   border-radius: 15px;
   padding: 14px;
   box-shadow: 0px 0px 10px black;
   transition: 0.2s;
   text-decoration: none;
}
#contact-button:hover {
   color: white;
   text-decoration: none;
   background-color: #7083D5;
   box-shadow: 0px 0px 1px black;
   transition: 0.2s;
}
#battery-container {
   width: 350px;
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   margin-top: 3vh;
}
#battery-shell {
   border: 6px solid white;
   border-radius: 20px;
   height: 100px;
   width: 300px;
   display: inline-block;
   box-shadow: 0px 0px 10px black;
}
#battery-top {
   width: 25px;
   height: 50px;
   height: 50px;
   margin-bottom: 25px;
   border: 1px solid white;
   background-color: white;
   border-radius: 20px;
   display: inline-block;
   box-shadow: 0px 0px 10px black;
}
.charge {
   float: left;
   margin-left: 9.8px;
   margin-top: 8px;
   height: 70px;
   width: 46px;
   box-shadow: 0px 0px 5px #7f7f7f;
   border-radius: 20px;
   display: none;
}
#charge-1 {
   background-color: #FF0000;
}
#charge-2 {
   background-color: #FF8000;
}
#charge-3 {
   background-color: #FFFF00
}
#charge-4 {
   background-color: #80FF00;
}
#charge-5 {
   background-color: #00FF00;
}
@media (max-width:767px) {
   #battery-container {
      width: 280px;
   }
   #battery-shell {
      width: 250px;
   }
   .charge {
      width: 35.2px;
   }
}