@font-face {
  font-family: impact;
  src: url(/fonts/impactreg.woff);
}

body{
    background-color: black !important;
}

.forceenergy{
    color: #00FCB0 !important;
    font-family: impact;
    font-size: 80px;
    text-align: center;
    margin-top: 300px;
    text-transform: uppercase;
}

.dateInputs{
    width: 25px;
}

.dateInputsY{
    width: 50px;
}

.header{
  border-bottom: 1px solig #F5F5F5;
  padding: 30px 0 10px 15px;
}

.wrapper{

}

.col-4{

}

button {
  cursor:pointer;
}

#timestampBtn, #dateBtn{
  padding: 10px 30px 10px 30px;
  border: none;
  text-decoration: none;
  border-bottom: 3px solid #2C3E50;
  background-color: rgb(245, 245, 245)
}

#timestampBtn:hover, #dateBtn:hover{
  padding: 10px 30px 10px 30px;
  border: none;
  text-decoration: none;
  border-bottom: 3px solid #2C3E50;
  background-color: rgb(235, 235, 235)
}

#d, #m, #y, #hour, #min {
  border-radius: 3px;
  padding: 4px;
  min-width: 40px;
}

#result{
  font-size: 3em;
}