body {
    margin: 0;
    background: #000; 
    color: black;
  }

  html,
  body {
      height: 100%
  }

  * {
      padding: 0px;
      margin: 0px
  }

  .card {
      background-color:#1E90FF;
      border-radius: 10px;
      color: white;
      font-family: 'Marcellus', serif;
      font-size: 25px;
  }

  #heading {
      font-size: 55px;
      color: #2b304d
  }

  .temp {
      place-items: center
  }

  .temp-details>p>span,
  .grey {
      color: #a3acc1;
      font-size: 12px
  }

  .fa {
      color: #a5a5b1
  }

  *:focus {
      outline: none
  }
  video { 
      position: fixed;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      transform: translateX(-50%) translateY(-50%);
  background: url('//demosthenes.info/assets/images/polina.jpg') no-repeat;
  background-size: cover;
  transition: 1s opacity;
  }
  .stopfade { 
    opacity: .5;
    }

.b-0 {
    bottom: 0;
}
.bg-shadow {
    background: rgba(76, 76, 76, 0);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179, 171, 171, 0)), color-stop(49%, rgba(48, 48, 48, 0.37)), color-stop(100%, rgba(19, 19, 19, 0.8)));
    background: linear-gradient(to bottom, rgba(179, 171, 171, 0) 0%, rgba(48, 48, 48, 0.71) 49%, rgba(19, 19, 19, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}
.top-indicator {
    right: 0;
    top: 1rem;
    bottom: inherit;
    left: inherit;
    margin-right: 1rem;
}
.overflow {
    position: relative;
    overflow: hidden;
}
.zoom img {
    transition: all 0.2s linear;
}
.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}