body {
  background-color: #fde8fe;
  font-size: 16px;
  color: #573280;
  font-family: "Montserrat", sans-serif;
  text-transform: lowercase;
  cursor: url(https://i.imgur.com/vl7YVPz.png), auto;
}

@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

img {
  max-width: 100%;
  height: auto;
}

::selection {
  background-color: #e2c4fc;
  color: #490875;
}

a {
  text-decoration: underline;
  color: #ff77e2;
  font-weight: bold;
}

a:hover {
  text-decoration: underline;
  color: #63b2dd;
}

i {
  font-style: italic;
  color: #ff77e2;
}

p {
  margin: 0px;
  margin-bottom: 8px;
  text-align: center;
}

b {
  color: #ff77e2;
}

ul {
  list-style-image: url("https://i.imgur.com/LthIF6f.gif");
}

.container {
  position: relative;
  top: 50px;
  margin-left: auto;
  margin-right: auto;
  width: 1050px;
  height: 780px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

iframe {
  background-color: #fde8fe;
  font-family: arial;
  font-size: 12px;
  border: none;
  width: 100%;
  height: 100%;
}

h1 {
  text-transform: lowercase;
  color: white;
  font-size: 25px;
  text-shadow: -1px -1px 0 #ff77e2, 1px -1px 0 #ff77e2, -1px 1px 0 #ff77e2,
    1px 1px 0 #ff77e2, 2px 2px #573280;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: center;
  background-image: linear-gradient(to right, #ff77e2, #d6abfb, #63b2dd);
  opacity: 0.5;
  margin-top: 0px;
  margin-bottom: 5px;
}

h2 {
  font-size: 15px;
  text-transform: lowercase;
  text-align: center;
  text-shadow: -1px -1px 0 #ff77e2, 1px -1px 0 #ff77e2, -1px 1px 0 #ff77e2,
    1px 1px 0 #ff77e2, 2px 2px #573280;
  opacity: 0.5;
  letter-spacing: 2px;
  color: white;
  background-image: linear-gradient(to right, #ff77e2, #d6abfb, #63b2dd);
  margin-top: 0px;
  margin-bottom: 3px;
}

h3 {
  font-size: 12px;
  text-transform: lowercase;
  text-align: left;
  text-shadow: -1px -1px 0 #ff77e2, 1px -1px 0 #ff77e2, -1px 1px 0 #ff77e2,
    1px 1px 0 #ff77e2, 2px 2px #573280;
  background-image: linear-gradient(to right, #ff77e2, #d6abfb, #63b2dd);
  opacity: 0.5;
  letter-spacing: 4px;
  color: white;
}

table {
  text-align: left;
  border-collapse: separate;
  border-spacing: 2px;
}

.nav {
  font-size: 12px;
  text-transform: lowercase;
  position: absolute;
  height: 775px;
  width: 200px;
  top: -5px;
  left: 830px;
  text-align: left;
  color: #573280;
}

.sidebar table {
  width: 200px;
}

.sidebar a {
  text-decoration: none;
}

.sidebar td {
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 7px;
  border-radius: 10px;
}

.sidebar td:nth-child(even) {
  width: 157px;
}

.sidebar tr :hover {
  background-color: white;
  text-decoration: none;
}

.header {
  position: absolute;
  background-color: #fde8fe;
  top: 10px;
  left: 5px;
  width: 210px;
  box-sizing: border-box;
  border: 1px solid #d6abfb;
}

.me {
  position: absolute;
  background-color: #fde8fe;
  top: 35px;
  margin: 5px;
  height: 245px;
  width: 210px;
  box-sizing: border-box;
  border: 1px solid #d6abfb;
}

.you {
  position: absolute;
  background-color: #fde8fe;
  top: 285px;
  margin: 5px;
  width: 210px;
  border: 1px solid #d6abfb;
  height: 190px;
  box-sizing: border-box;
}

.poll {
  background-color: #fde8fe;
  position: absolute;
  top: 480px;
  margin: 5px;
  width: 210px;
  box-sizing: border-box;
  background: #fde8fe;
  border: 1px solid #d6abfb;
  font-size: 11px;
}

.stats {
  background-color: #fde8fe;
  position: absolute;
  top: 660px;
  margin: 5px;
  width: 210px;
  box-sizing: border-box;
  background: #fde8fe;
  border: 1px solid #d6abfb;
  font-size: 11px;
}

.marquee {
  background-color: #fde8fe;
  position: absolute;
  width: 208px;
  top: 730px;
  white-space: nowrap;
  height: 31px;
  margin: 5px;
  border: 1px solid #d6abfb;
}

.footer {
  background-color: #fde8fe;
  position: absolute;
  width: 208px;
  margin: 5px;
  top: 769px;
  text-align: right;
  font-size: 8.5px;
  color: #ff77e2;
  border: 1px solid #d6abfb;
}

.main {
  position: absolute;
  box-sizing: border-box;
  color: #490875;
  width: 825px;
  height: 776px;
  padding: 5px;
  margin: 5px;
  background: #fde8fe;
  border: 1px solid #d6abfb;
  border-radius: 1px;
  font-size: 0.9em;
}

/* Scrollbar styles */
::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background: #ff77e2;
}

::-webkit-scrollbar-track {
  background: linear-gradient(#fbb3f1, #e8c9fb, #b6ccef);
  opacity: 0.5;
  border-radius: 0px;
  width: 0px;
  border: 1px solid #ff77e2;
}

::-webkit-scrollbar-thumb {
  background: #fbb3f1;
  border: 1px solid #ff77e2;
  border-radius: 0px;
}