index.css

body {
  background-color: black;
  margin: 0;
}

header {
  /* background-image: url(Assets/rsz_11flashing-lights-of-police-cars-paramedics-putting-patient-ambulance-van-night_ejpalfn3__f0005.png); */
  background-image: url(https://i.ibb.co/jk8xDdr/rsz-11flashing-lights-of-police-cars-paramedics-putting-patient-ambulance-van-night-ejpalfn3-f0005.png);
  zoom: 1.5; 
  background-position: center; 
  max-width: 100vw; 
  height: 25em; 
  border-bottom: groove dodgerblue; 
  border-width: 10px; 
}
header span {
  color: white;
  font-size: 90px;
  text-shadow: 1px 1px 3px blue,
  5px 0px 5px black,
  -1px 2px 5px black;
}
#headerLetterK,
#headerLetterS {
  font-size: 120px;
}
#myCopButton {
  font-size: 27px;
  width: 15vw;
  margin-left: 1vw;
  font-weight: 600;
  border-radius: 5px;
  border: groove dodgerblue;
  text-shadow: -2px 1px 2px silver;
  box-shadow: -2px 2px 5px white;
  transition-duration: 0.2s;
}
#myCopButton {
	-webkit-animation: flicker-2 2s linear infinite both;
          animation: flicker-2 2s linear infinite both;
}
@-webkit-keyframes flicker-2 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  45.99% {
    opacity: 1;
  }
  46% {
    opacity: 0;
  }
  46.9% {
    opacity: 0;
  }
  46.91% {
    opacity: 1;
  }
  51.99% {
    opacity: 1;
  }
  52% {
    opacity: 0;
  }
  52.8% {
    opacity: 0;
  }
  52.81% {
    opacity: 1;
  }
}
@keyframes flicker-2 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    background-color: steelblue;
    opacity: 1;
  }
  45.99% {
    opacity: 1;
  }
  46% {
    background-color: steelblue;
    opacity: 0;
  }
  46.9% {
    opacity: 0;
  }
  46.91% {
    opacity: 1;
  }
  51.99% {
    opacity: 1;
  }
  52% {
    background-color: crimson;
    opacity: 0;
  }
  52.8% {
    background-color: crimson;
    opacity: 0;
  }
  52.81% {
    background-color: steelblue;
    opacity: 1;
  }
}


#myCopButton:hover {
  background-color:  dodgerblue;
  transition-duration: 0.2s;
  border-radius: 5px;
  text-shadow: -0px 1px 3px white;
  box-shadow: -0px 0px 0px white;
}


#headerCont {
  background-image: url(https://i0.wp.com/farm4.staticflickr.com/3189/3103651077_56ba6b2826_b.jpg?w=765&ssl=1);
  zoom: 1;
}


nav {
  background-color: rgba(red, green, blue, 0);
  border: white;
  height: 3em;
  display: flex;
  margin-top: 5vw;
  align-items: flex-end;
  justify-content: center;
  justify-content: space-around;
  position: relative;
  bottom: 60px;
}

nav li {
  font-size: 3em;
  list-style: none;
}

nav li a {
  text-decoration: none !important;
  color: red;
  text-shadow: -1px 1px 0px white,
  -2px 0px 3px steelblue;
  transition-duration: 0.3s;
}
nav li a:hover {
  text-shadow: 0px 0px 2px white,
  0px 0px 0px transparent;
  transition-duration: 0.3s;
}
th {
  color: red;
  text-shadow: -0px 0px 0px white,
  0px 1px 0px steelblue;
}

div {
  color: black;
}

div[contenteditable='true'] {
  width: 77em;
  height: 2000px;
  padding: 5px;
  margin-top: 30px;
  margin-left: 22px;
}

strong {
  font-weight: bold;
}

input {
  margin-bottom: 15px;
  width: 17%;
  height: 25px;
  margin-left: 0;
}

select {
  width: 180px;
  height: 30px;
  padding: 0px;
}

label {
  color: white;
}

table th {
  font-size: 1.3em;
}

.table-hover tbody tr:hover td {
  color: white;
}
#cityTableData:hover {
  color: red;
}

[contenteditable='true'] {
  color: #eff;
}

#top10 {
  text-align: center;
  color: red;
  text-shadow: 1px 1px 0px white,
  -2px 0px 3px steelblue;
  text-decoration: underline;
  text-decoration-color: silver;
  font-size: 2.7em;
  margin-bottom: 1.5em;
}

/* BUTTONS */

#submit {
  margin-left: 10px;
  height: 42px;
  position: relative;
  top: 4px;
}

.scanner {
  margin-left: 12em;
}

.Today-Report {
  color: whitesmoke;
  display: flex;
  justify-content: center;
  font-size: 1.1em;
  margin-top: 5%;
  overflow: auto;
  padding-bottom: 10%;
}

.avanceraReq {
  display: none;
}

.buttonRequest {
  display: none;
}

.getButtonVisible {
  display: ruby;
}

.putButton {
  display: none;
}

.idRemove {
  display: none;
}

.deleteMe {
  display: none;
}

.postButton {
  display: none;
}

.absoluteDelete {
  display: none;
}

.absoluteDisplay {
  display: ruby;
}
#statsButton {
  height: 41px;
  position: relative;
  bottom: 1px;
  width: 15em;
}

.form-control {
  display: inline-block;
  width: 200px;
  height: 40px;
  margin-left: 10px;
  margin-right: 10px;
}

#crimeType {
  height: 42px;
  margin-left: 10px;
  margin-right: 10px;
}

.stats-position {
  display: flex;
  justify-content: center;
}

#city-stats {
  width: 17em;
  margin-right: 11px;
}

#name {
  color: white;
  margin-bottom: 5px;
  margin-left: 100px;
}

/* CITIES */

#cityTable {
  width: 70vw;
  height: 10vh;
  color: white;
  margin-left: 13vw;
  margin-top: 8vh;
  margin-bottom: 100px;
}

.btnContainer button {
  color: white;
  background-color: #007bff;
  border: 1px solid transparent;
  border-radius: 4px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: 400;
  font-size: 1rem;
  margin-bottom: 0;
  border-radius: 0.25rem;
  padding: 0.375rem 0.75rem;
  width: 20vw;
  inline-size: auto;
  margin-left: 5px;
}

.btnContainer {
  display: inline-block;
}

.btnContainer input {
  width: 18vw;
  margin-left: 10px;
}

.underHeader {
  margin-left: 230px;
}

.putdiv {
  margin-left: 26.5vh;
  display: inline-block;
}

#delete {
  position: relative;
  right: 155px;
}

#buttonRequest {
  position: relative;
  right: 155px;
}

.policeVideo {
  display: none;
}

.headerNone {
  display: none;
}