@font-face {
font-family:'cooper'; 
src: url(/elements/fonts/cooper.ttf);
}
@font-face {
font-family:'arial'; 
src: url(https://files.catbox.moe/hae4ub.TTF);
}
            body {
            background-image: linear-gradient(transparent, #fffff1cb) ,url(https://i.postimg.cc/Dwf61x5M/output-onlinetools-1.png);
	          background-attachment: fixed;
            font-family: 'arial';
            color: #7d6241;
            font-size:16px;
            }
            h1,h2,h3,h4,h5,h6{
              font-family: 'cooper';
            }
            mark{
            background: linear-gradient(to bottom,  #fdf2d5 0%,#fde08f 50%,#ffd359 51%,#fdebbb 100%);
          	border: 1px solid #ffd359;
            padding: 1px;
            border-radius: 8px;
            font-family: 'arial';
            color: #7d6241;
    }
    
    button{
            background: linear-gradient(to bottom,  #fdf2d5 0%,#fde08f 50%,#ffd359 51%,#fdebbb 100%);
          	border: 1px solid #ffd359;
            padding: 1px;
            border-radius: 8px;
            font-family: 'arial';
            color: #7d6241;
    }
    
    input{
            background: linear-gradient(to bottom,  #fdf2d5 0%,#fde08f 50%,#ffd359 51%,#fdebbb 100%);
          	border: 1px solid #ffd359;
            padding: 1px;
            border-radius: 8px;
            font-family: 'arial';
            color: #7d6241;
    }
      
            a{ 
              color: #7d6241;
              text-decoration: none;
              font-weight: bold;
            }
            a:hover{
              font-style: italic;
            }
            ::selection {
              background-color:#ffc043;
 color: #fff;
}

#homebutton{
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 10px;
}


  ::-webkit-scrollbar {
    width: 1px;
  }

  ::-webkit-scrollbar-track {
    background: #ffd788;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #FFC656;
    border-radius: 10px;
  }