.main-bg {
  background-image: url("https://cdn.dcrypto.com/reddit/main-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.btn {
  width: 190px;
  height: 50px;
  font-weight: bold;
  font-size: 1rem;
  background: #ff4500!important;
  color: white!important;
}


.btn:hover {
  background-color: #7fbce9!important;
  border-color: #7fbce9;
}

label.radio {
  cursor: pointer
}

label.radio input {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  pointer-events: none
}

label.radio span {
  padding: 7px 14px;
  border: 2px solid #ff4500;
  display: inline-block;
  color: #000;
  border-radius: 3px;
  text-transform: uppercase
}

label.radio input:checked+span {
  border-color: #000;
  background-color: #ff4500;
  color: #fff
}

.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #ff4500;
  outline: 0;
  box-shadow: 0 0 0 00rem rgba(0,123,255,.25);
}

@font-face {
  font-family: Monad;
  src: url("https://cdn.dcrypto.com/reddit/Monad-SemiBold.otf") format("opentype");
}

.Monad {
  font-family: 'Monad';
}

.reddit-person {
  height: 250px;
}

@media (max-width: 575px) {
  .reddit-person {
    height: 200px;
  }
}


#clockdiv{
  font-family: sans-serif;
  color: black;
  display: inline-block;
  font-weight: 100;
  text-align: center;
  font-size: 22px;
}


#clockdiv > div{
  padding: 6px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
}

#clockdiv div > span{
  padding: 0px 0px 0px 0px;
  border-radius: 3px;
  background: transparent;
  display: inline-block;
}

.smalltext{
  
  font-size: 12px !important;
  color: black;
  font-weight: bold;
}