body, html {
  font-family: "KoHo", sans-serif; 
  padding: 0; margin: 0;
  cursor: crosshair;
  background:linear-gradient(153deg, #2835FF 22%, white 22%, white 80%, #2835FF 22%);
  
  height: 100%;
  width: 100%;
  overflow: hidden;}


#wrapper { 
  max-width: 100%;
  min-height: 100%;
  height: 100vh;
  top: 0px;
  overflow: hidden;
  cursor: crosshair;
  padding: 0;
  margin: 0;
} 









/* ------------------IFrames------------------ */

#frame {width: 130%; height: 795px; border: none;} /* Global */
#queue {width: 95vw; height: 70vh; border: none;} /* Just for Queue */

/* ------------------Img Dragging None------------------ */

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
}


/* ------------------Paragraph------------------ */

.paragraph{
  position: relative;
  display: block;
  width: 55%;
  height: 80%;
  padding: 50px 0px 0px 180px;
  margin:auto;overflow: hidden;
  word-wrap: break-word;
}


/* ------------------Cursor Follower------------------ */

.-color-pink {color: #FFB6D3;}
.-color-blue {color: #2835FF;}

/* -----------------------Fading Animation----------------------- */
#wrapper, .Comm, #content {
    animation: fadeIn 1s forwards;
    -webkit-animation: fadeIn 1s forwards;
    -moz-animation: fadeIn 1s forwards;
    -o-animation: fadeIn 1s forwards;
    -ms-animation: fadeIn 1s forwards;
    position: relative;
    left: -10px;
    }
    
    @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
    100% { left: 0; }
    }
    
    @-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
    }
    
    @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
    100% { left: 0; }
    }
    
    @-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
    }
    
    @-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
    }


    /* -----------------------Scrollbar----------------------- */
::-webkit-scrollbar {
    width: 5px;
    }
    
    ::-webkit-scrollbar-track {
    background: #cbcfff;
    }
    
    ::-webkit-scrollbar-thumb {
    background: #2835FF;
    border-radius:10px;
    }
    
    ::-webkit-scrollbar-thumb:hover {
    background: #FFB6D3;
    }
    
    /* Selectors */
    ::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #cbcfff;
    }
    
    ::selection {
    color: #ffffff;
    background: #ffe2ee;
    }