body{
    background-image: url('https://files.catbox.moe/xyj777.gif');
    background-repeat:no-repeat;
    background-size: cover;
    font-family: pixel;
    font-size: 1.3vw;
    color: #993f05;
    background-color: white;
    overflow: hidden;
    cursor:url('https://files.catbox.moe/mry3k4.gif'), auto;
}

a:hover {
cursor:url('https://files.catbox.moe/mry3k4.gif'), url('https://files.catbox.moe/mry3k4.gif'), auto;
}

@font-face {
font-family: pixel;
src: url(https://dl.dropbox.com/s/rwu0nhwc3rnbaqm/mspixel.otf);
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.main { 
    background: white;
    border: 2px solid orange;
    top: 50px;
    width: 40%;
    height: 60%;
    padding: 11px;
    margin: auto;
    position: fixed;
    left: 373px;
    overflow: auto;
    background-color: white;
    scrollbar-width: none; 
    -ms-overflow-style: none;
}

[id] {
	display: none;
}
[id]:target {
  display:block;
}

.side{
   background-color: #FFFFFF;
   border: 2px solid orange;
   padding: 11px;
   text-align: center;
   width: 115px;
   height: 60%;
   top: 50px;
   margin: auto;
   position: fixed;
   left: 226px;
   border-radius: 10px 0px 0px 10px;
}

::-moz-selection {
  color: white;
  background: orange;
}

::selection {
  color: white;
  background: orange;
}

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

a:link {
  color: #993f05;
  font-size: 1.3vw;
}

/* visited link */
a:visited {
  color: #e17f00;
}

/* mouse over link */
a:hover {
  color: orange;
}

/* selected link */
a:active {
  color: #993f05;
}

img:hover {
  transform: rotate(-5deg);
  transition: ease-in-out 1s;
}

.image1:hover {
  transform: rotate(-5deg);
  transition: ease-in-out 1s;
}

.image2:hover {
  transform: rotate(5deg);
  transition: ease-in-out 1s;
}