@font-face {
    font-family: your-mom;
    src: url(fonts/scientifica.ttf);
  }
  html, body {
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      background-color: 110E0C;
      color: #C67F3D;
      font-family:  'your-mom', 'Franklin Gothic Book', Tahoma, Geneva, Verdana, sans-serif;
      font-size:14.4px;
      overflow: hidden;
      overflow-y: scroll;
      overflow-x: scroll;

      -ms-overflow-style:none;
      scrollbar-width:none;

  }
  .container::-webkit-scrollbar {
    display: none;
  }
  div::-webkit-scrollbar {
    display: none;
  }
  html::-webkit-scrollbar {
    display: none;
  }
  body::-webkit-scrollbar {
    display: none;
  }
  html{
    background:url(bgs/blocks.png);
    background-repeat: repeat;
    background-attachment: fixed;
    background-position:center;
    background-color: #010000;
  }
  img {
      padding: 0;
      display: block;
      margin: 0 auto;
      max-height: 100%;
      max-width: 100%;
  }
  div{
    overflow: hidden;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  
  imgcap {
      text-align:center;
      font-size:10px;
  }
  a {
    color:#E2BFA1;
  }
  .imgborder {
    background-color:110E0C;
    border:2px solid #C67F3D;
  }

  hr.solid {
    border: 0;
    border-top: 1px solid #E2BFA1;
  }
  hr.dotted {
    border: 0;
    border-top: 2px dotted #E2BFA1;
  }
  hr.gradi {
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, transparent, #8E5B8B, transparent);
  }
  .container {
    background-color:#110E0C;
    margin-left: auto;
    margin-right: auto;
    width:475px;
    height: auto;
    border: 2px solid #E2BFA1;
    margin-top: 1rem;
    display: grid;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .containerhome {
    background-color:#110E0C;
    margin-left: auto;
    margin-right: auto;
    width:475px;
    height: auto;
    border: 2px solid #E2BFA1;
    margin-top: 1rem;
    display: grid;
    -ms-overflow-style:none;
    scrollbar-width:none;
  }
  .cell {
    color: 110E0C;
    padding: 0.54rem;
    padding-top: 0.5rem;
  }
  .cellhome {
    color: 110E0C;
    padding: 0.54rem;
    padding-top: 0.5rem;
  }
  .main {
    background: 110E0C;
    color: #E2BFA1;

    border-right:none;
    border-left:none;
    border-bottom:none;
    
  }

  .homehtext {
    color: #110E0C;
    background:linear-gradient(to right, #E2BFA1, #e3d2c3) ;
    padding:3px;
    padding-left:5px;
    padding-right:5px;
  }

  .nano {
    color: #110E0C;
    background: #E2BFA1 ;
    padding-left:5px;
    padding-right:5px;
  }
  nan {
    color: #110E0C;
    background: #E2BFA1 ;
  }
  nan2 {
    color: #110E0C;
    background: #E2BFA1 ;
    font-size:10.4px;
  }

.btnctr {
  margin-left: auto;
  margin-right: auto;
  display:inline-block;
  height:31px;
}

#centers {
  text-align: center;
  text-align: -webkit-center;
  height: auto;
  -ms-overflow-style:none;
  scrollbar-width:none;
}

#albumart{
  border: 2px solid #E2BFA1;
  margin-left:10px;
  width: 120px;
  height: 120px;
}

#partialrotate{
  transform: rotate(-15deg);
}

#partialrotateright{
  transform: rotate(15deg);
}

.mobile_responsive_div1{
  display: none;
}

.desktop_div1{
  display: block;
}



@media screen and (max-width: 875px) {
  .landingdiv{
    width:430px !important;
    height:520px !important;
    margin:-50px 0 0 -217px !important;
  }
  .landingimg{
    width:430px !important;
    height:auto !important; 
    display:none;
  }
  .landingimg2{
    display:block !important;
  }
  .containerhome{
    grid-template-columns: 97px 10px 475px 10px 307px;
      width:500px;
      height:auto;
      padding-left:auto; 
      padding-right:auto; 
      width:100%; 
      justify-content:center;
  }
  
  .cellhome {
      margin-top:8px;
      vertical-align:middle;
      grid-column-start: 1;
      grid-column-end: 4;
      margin-left:1vw;

      padding-left:auto; 
      padding-right:auto; 
      width:94vw; 
      justify-content:center;
      height:auto;
      border: 2px solid FFFFF000;
  }
  .main {
    
  }
  .mobile_responsive_div1{
    display: block;
  }
  
  .desktop_div1{
    display: none;
  }

  .homeimg{
    width:98vw;
    height:auto;
  }
  
  .myj_fanp{
    display: grid; 
    grid-template-columns: 47vw 47vw !important;
  }

  .adaptive_nogrid{
    width:auto !important;
    margin-left:10px;
    margin-right:10px;
  }

}