: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;
}

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

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: ms gothic, courier
}

body {
  background-image: url("https://bridget.party/graphics/newhome/halloween/evilclouds-tile.png");
  background-attachment: fixed;
  font-family: 'Courier Prime', monospace;
  color: white;
  animation: background 12s infinite linear;
  font-family: 'Courier Prime', monospace;
  color: white;
  min-height: 100%;
}

@keyframes background {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position:  384px 192px;
  }
}

#disappear {
    animation: disappear 0.2s linear 2.0s forwards;
}

@keyframes disappear {
    to {opacity:0;}
}

main {
  float: center;
  width: 800px;
  height: 680px;
  top: 0px;
  margin: 0 auto;
  font-family: ms gothic, courier;
  padding: 18px;
  position:relative;
  padding-top: 0px;
  margin-top: -18px;
}

 .animated {
   opacity: 0;
   scale: 1;
 }
 
  .animated:hover {
   opacity: 1;
   cursor: url("https://bridget.party/graphics/magnifying-glass2.png") 6 6, auto;
 }

 #pcsound:active, #doorsound:active, #mapsound:active, #artsound:active, #photosound:active {
   scale: 1.01;
 }
 
 #booksound:active, #dssound:active, #desksound:active, #calendarsound:active, #stickynotesound:active, #gamecubesound:active {
   scale: 1.05;
 }
 
#ventsound:active, #tvsound:active {
   scale: 1.017;
 }
 
  #cdsound:active, #ipodsound:active {
   scale: 1.0197;
 }