* { font-family : Rubik , sans-serif; }

  #first-header {
    background : url('/../storage/header-bg.webp') top center;
  }

  .nav-bg {
    background-color :#17161a;
    font-size: 17.5px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  }
  footer  {
    background-color: #17161a;
    font-size: 17.5px;
    box-shadow: 0 -1px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  }
  .logo {
    position: absolute;
    top: 1%;
    left : 1%;
  }

  .header-text {
      font-family: Rubik,sans-serif;
      font-weight: bold;
      font-size: 90px;
  }

  .btn-download {
    border-style :none;
    background: #FF0E1F;
    color: white;
    padding: 14px 46px;
    font-family: Rubik,sans-serif;
  }

  .dark-bg {
    background : url('/../storage/background.webp') top center;
  }
  

  .news, .server-widget, .side-widget {
      background : url('/../storage/background.webp') top center;
      position:relative;
      -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
         -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
              box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  }

  .news:before, .news:after {
      content:"";
      position:absolute;
      z-index:-1;
      -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
      -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
      box-shadow:0 0 20px rgba(0,0,0,0.8);
      top:10px;
      bottom:10px;
      left:0;
      right:0;
      -moz-border-radius:100px / 10px;
      border-radius:100px / 10px;
  }

  .news:after {
      right:10px;
      left:auto;
      -webkit-transform:skew(8deg) rotate(3deg);
         -moz-transform:skew(8deg) rotate(3deg);
          -ms-transform:skew(8deg) rotate(3deg);
           -o-transform:skew(8deg) rotate(3deg);
              transform:skew(8deg) rotate(3deg);
  }