h1 { 
    width: 100%; 
    height: 23px;
    font: 20px "Droid Sans", sans-serif; 
    color: indigo;
}

.hcolor { 
    padding: 5px; 
    background-color: lemonchiffon; 
}

.headerrow { 
    background-color: ivory; 
    color: midnightblue; 
    padding: 5px; 
    line-height: 1.5; 
    font: 16px "Droid Sans",sans-serif; 
}

th,td,select,button,input {
    font: 14px "Droid Sans",sans-serif; 
    -webkit-text-size-adjust:none;
}

body {
    font: 14px "Droid Sans",sans-serif; 
    width: 350px; 
    overflow-x: hidden; 
    -webkit-text-size-adjust: none;
    touch-action: none;
}

html {
}

.textwidth {width: 290px}

.top {
    position: fixed;
    top: 5px;
    left: 5px;
    width: 100%;
    zIndex: 10005;
}

.imgp  {
  position: fixed;
  top: 43px;
  left: 2px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  &::-webkit-scrollbar {
    width: 0 !important;
    background: transparent; /* Chrome/Safari/Webkit */
  };
  border-top:    1px solid darkslategrey;
  border-bottom: 1px solid darkslategrey;
  scroll-behavior: smooth;
}

.textp {
  position: fixed;
  top: 250px;
  left: 2px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  &::-webkit-scrollbar {
    width: 0 !important;
    background: transparent; /* Chrome/Safari/Webkit */
  };
  border-bottom: 1px solid darkslategrey;
  scroll-behavior: smooth;
}

.imgl  {
  position: fixed;
  top:  48px;
  left: 358px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  &::-webkit-scrollbar {
    width: 0 !important;
    background: transparent; /* Chrome/Safari/Webkit */
  };
  border-top:    1px solid darkslategrey;
  border-bottom: 1px solid darkslategrey;
  scroll-behavior: smooth;
}

.textl {
  width:  350px;
  position: fixed;
  top: 48px;
  left: 8px;
  overflow-x: hidden;
  overflow-y: scroll;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
  &::-webkit-scrollbar {
    width: 0 !important;
    background: transparent; /* Chrome/Safari/Webkit */
  }; 
  border-top:    1px solid darkslategrey;
  border-bottom: 1px solid darkslategrey;
  scroll-behavior: smooth;
}

.noscroll {
  overflow-y: hidden;
}

.popup {
    position: fixed;
    top: 150px;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    background: #333355; 
    color: #eeffee; 
    border: 2px solid red;
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
}

@media screen and (max-width: 580px) {
    h1 {
        font-size: 16px;
    }
}