html {
  cursor: url("https://i.ibb.co/Y7cbLDd2/Normal.png"), auto;
}
body {
  background-image: url("https://t3.ftcdn.net/jpg/02/52/25/90/360_F_252259052_VJVoUob3KBPPCnwbKCGsYYrsCS1d519R.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}

.main-div {
  background-color: rgba(218, 230, 235, 0.5);
  width: 500px;
  height: 750px;
  color: white;
  border-radius: 25px;
  box-shadow:-10px 10px 40px 5px rgba(80, 86, 122, 0.5), -20px 20px 20px rgba(229, 243, 242, 0.75) inset, 20px -20px 20px rgba(147, 187, 211, 0.5) inset;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  border-style: solid;
  border-color: rgba(600, 600, 600, 0.75);
  border-width: 2px;
  z-index: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.header {
  position:absolute;
}

p {
  text-align: center;
  color: blue;
  font-family:'windows', 'Comic Sans MS', 'Trebuchet MS';
  font-size: 20px;
  font-weight: bold;
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  padding: 5px;
  white-space: pre;
}

h1 {
  text-align: center;
  color: white;
  font-family:'Comic Sans MS';
  font-size: 35px;
  font-weight: bold;
  text-shadow: -1px 0 blue, 0 1px blue, 1px 0 blue, 0 -1px blue;
}

img {
  object-fit: cover;
}

a:link {
  color: blue;
  background-color: transparent;
  text-decoration: none;
}

a:visited {
  color: blue;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: RoyalBlue;
  background-color: transparent;
  text-decoration: underline;;
}

a:active {
  color: DodgerBlue;
  background-color: transparent;
  text-decoration: underline;;
}

.smalltext {
  text-align:left;
  font-size: 17px;
  margin:2px;
}

.vertical-scrollable-section {
  height: 400px;
  width: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
  word-wrap: break-word;
  background-color: rgba(218, 230, 235, 0.5);
  border-radius: 15px;
  display:inline-block;
  margin: 15px;
}

.horizontal-scrollable-section {
  height: 150px;
  width: 425px;
  overflow-y: hidden;
  overflow-x: scroll;
  word-wrap: break-word;
  background-color: rgba(218, 230, 235, 0.5);
  border-radius: 15px;
  display:inline-block;
  margin: 15px;
  white-space: nowrap;
}


.container {
  width: 100%;
  overflow: hidden;
}

::-webkit-scrollbar
{
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-track
{
  background: rgba(218, 230, 235, 0.75);
  border-radius: 50px;
}

::-webkit-scrollbar-thumb
{
  background: rgba(184, 211, 240, 0.8);
  border-radius: 50px;
}

.button-container {
  position: absolute;
  left: 525px;
  z-index: 99;
}

.button {
  border-radius: 90px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(600, 600, 600, 0.75);
  background-color: rgba(75, 189, 220, 0.5);
  box-shadow:-10px 10px 40px 5px rgba(80, 86, 122, 0.5), -20px 20px 20px rgba(229, 243, 242, 0.75) inset, 20px -20px 20px rgba(147, 187, 211, 0.5) inset;
  display: inline-block;
  width: 130px;
  height: 75px;
  text-align: center;
}

.button:hover {
  background-color: rgba(159, 223, 241, 0.5);
}

@font-face {
font-family: windows;
src: url(https://dl.dropbox.com/s/cn0l1yjacta4whv/W95FA.otf);
}