body {
  background: #050B2F; /*background color*/
  cursor: url(), auto;
  margin: 0%;
  padding: 0%;
  height: 100%;
  overflow: hidden;
  background-image: url('/theme/images/p5rcrowd.gif');
  background-size: contain; 
  background-attachment: fixed;
  background-repeat: repeat-x; /* Repeats the image horizontally */
  background-position: right top;

  
  }


 

  @font-face {
  font-family: 'nocturnal';
  src: url('/theme/NocturnalSubway-Wave.otf');
}

@font-face {
  font-family: 'rubik';
  src: url('/theme/Rubik-VariableFont_wght.ttf');
}

  #wrapper {
    width: 100vw;
    display: flex;
    flex-direction: row;
  }

  #side-image{
    width: 25vw;
  }


  #side-image img {

    width: 25vw;
    height: 100vh;
    object-fit: cover;
  }

  #web-side {
    width: 35vw;
    height: 100vh;
    background-color: #16324E;
    border-left: 1px dashed #fdfc6f;
    border-right: 1px dashed #fdfc6f;
    overflow-y: scroll;
  }

  #webside-header h1 {
    color: #3f38ff;
    font-family: 'nocturnal';
    font-size: 40px;
    margin-top: 10px;
    padding-left: 15px;
    margin-bottom: 0px;
    text-align: center;
  }

  #webside-header p{
    color: #dddce3;
    font-family: 'rubik';
    text-align: center;
    margin-top:0px;
  }

  .gobackhome {
    text-align: center;
  }
  .gobackhome a{
    color: #3f38ff;
    font-family: 'nocturnal';
    margin-top:0px;
    text-decoration: none;
  }
  .gobackhome a:hover{
    color: #dddce3;
    transition: 0.5s ease;
  }

  .web {
    width: 70%;
    margin-left: 15%;
    margin-top: 20px;
  }

  .web img {
    width: 100%;
    -webkit-filter:  brightness(105%) contrast(102%) grayscale(50%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(140%) sepia(9%);
          filter:  brightness(105%) contrast(102%) grayscale(50%) hue-rotate(0deg) invert(0%) opacity(100%) saturate(140%) sepia(9%);
  mix-blend-mode: none;
    
  }

  .web img:hover {
    filter: none;
    transition: 0.5s ease;
}

  .web h2 {
    color: #fdfc6f;
    font-family: 'nocturnal';
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 5px;

  }

  .web p {
    color: #dddce3;
    font-family: 'rubik';
    margin-top: 2px;
  }