body{
    background: url(https://files.catbox.moe/f0etbe.png);
    background-repeat: repeat;
    background-size: 200px;
    font-family: SilomBol;
    font-size: 17px;
    color: #380E53;
    background-color: white;
    min-height: 100%;
    overflow: hidden;
    cursor:url('https://files.catbox.moe/fi99n6.png'), auto;
}

a:hover {
cursor:url('https://files.catbox.moe/ujsh52.png'), url('https://files.catbox.moe/fi99n6.png'), auto;
}

 .container {
	  background-color: #E2FBFF;
    left: 310px;
    top: 100px;
    width: 650px;
    aspect-ratio: 10/5;
    margin: auto;
    display: flex;
    position: fixed;
    box-shadow: #D19AE7 0px 0px 3px 3px;
    }

.side {
    flex-grow: 2;
    background-image: linear-gradient(to left, #E2FBFF, #C9C0E8);
    overflow-y: auto;
    max-width: 18%;
    }

    .main {
	  text-align: right;
    background-color: #E2FBFF;
    flex-grow: 5;
    overflow: auto;
    max-width: 80%;
    max-height: 100%;
		}
      
@font-face {
font-family: soopafre;
src: url(https://dl.dropbox.com/s/fpgr6spck905sqg/soopafre.ttf);
}

h2 {
  font-family: soopafre;
  font-size: 17px;
  margin: 0px;
  padding-left: 15px;
}

strong {
  color: #D19AE7;
}

::-moz-selection {
  color: #FFFBB2;
  background: #C9C0E8;
}

::selection {
  color: #FFFBB2;
  background: #C9C0E8;
}

.button {
  width: max-content;
  text-align: center;
  border-radius: 15px;
  background-color: #FFFBB2;
  border: 3px solid #FFF200;
  margin: 10%;
  padding: 0px;
  font-size: 18px;
}

a:link {
  color: #380E53;
  text-decoration: none;
}

html {
  overflow: hidden;
}

::-webkit-scrollbar {
    width: 0px;
    background: transparent; /* make scrollbar transparent */
}

@font-face {
  font-family: 'SilomBol';
  src: url('https://files.catbox.moe/23trp8.ttf') format('truetype');
}