:root {
  --border-color: #fff;
  --border-size: 3px;
  --negative-border: calc(-1 * var(--border-size));
  --bg-color: #0a1935;
  --nav-width: 176px;
  --wrapper-width: 895px;
  --scrollbar-fg: #102855;
  --scrollbar-bg: #fff;
}

* {
  cursor: url("https://bridget.party/graphics/magnifying-glass1.png") 5 5, auto;
}

:active {
  cursor: url("https://bridget.party/graphics/magnifying-glass2.png") 6 6, auto;
}


@font-face { 
    font-family: 'PixelOperator';
    src: url('https://bridget.party/PixelOperator.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: "PixelOperator", monospace;
}

body {
background-image: url("https://bridget.party/graphics/spacebgawesome.gif");
  background-attachment: fixed;
  color: white;
  height: 800px;
}



main {
  float: center;
  background-color: #61bde1;
  width: 900px;
  height: 600px;
  top: 40px;
  margin: 0 auto;
  font-family: "PixelOperator", monospace;
  position:relative;
  bottom:0px;
  border-width: 2px;
  border-style: solid;
  border-color: white;
  filter: drop-shadow(5px 5px 3px #00000036);
}

p {
margin: 0px;
padding: 0px;
}

a {
 color:white; 
 text-decoration:none;
}

a:hover {
 text-decoration: underline; 
 cursor: url("https://bridget.party/graphics/magnifying-glass2.png") 6 6, auto;
}

.button:hover {
  scale: 104%;
  cursor: url("https://bridget.party/graphics/magnifying-glass2.png") 6 6, auto;
}

.button:active {
  scale: 102%;
  cursor: url("https://bridget.party/graphics/magnifying-glass2.png") 6 6, auto;
}


.hoverimage:hover {
  cursor: url("https://bridget.party/graphics/magnifying-glass2.png") 6 6, auto;
}

#block {
 margin: 10px; 
}

#block img {
 width: 202px;
 height: 143px;
}