@font-face {
  font-family: 'Gardnest';
  src: url('font/Gardnest.woff2') format('woff2'),
       url('font/Gardnest.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

html {
  background: #c3c3c3;
  background-image: url(https://claeiy.neocities.org/pics/box-bg.png);
  animation: bg-scroll 60s linear infinite;
  font: 14px "MS Gothic", monospace;
  overflow: scroll;
  overflow-x: hidden;
  cursor: url(https://claeiy.neocities.org/cursor.png), auto;
}

@keyframes bg-scroll {
  from { background-position: 0 0; }
  to { background-position: 0 1000px; }
}

body {
  margin: 0;
  padding: 0;
}

.content {
  border: 1.5px solid #a2a2a2;
  background: white;
  width: 400px;
  margin: 40px auto;
  line-height: 0;
  filter: drop-shadow(2px 2px 4px #878787);
  padding: 20px;
}

iframe {
  border: 0;
  width: 100%;
  height: 100%;
  background: white;
  line-height: 0;
}

.left {
  display: block;
  width: 200px;
  height: auto;
  margin-right: 20px;
}

* {
  scrollbar-width: auto;
  scrollbar-color: #a2a2a2 transparent;
}

*::-webkit-scrollbar {
  width: 2px;
}

*::-webkit-scrollbar-thumb {
  background-color: #a2a2a2;
}

*::-webkit-scrollbar-track {
  background: transparent;
}

::selection {
  color: #fff;
  background: #a2a2a2;
  text-shadow:
    -1px 0 #878787,
    0 1px #878787,
    1px 0 #878787,
    0 -1px #878787,
    0px 0px 3px #878787,
    0px 0px 3px #878787;
}