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

html, body {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: "Comic Sans MS", "Comic Sans", cursive;
}

body {
  background-image: url("https://bridget.party/graphics/stickynote-bg.png");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  color: black;
  min-height: 100%;
}


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

#notes {
  width: 665px;
  position:absolute;
  
}

.note {
 padding:5px;
 width: 200px; 
 height: 200px;
 margin-bottom:10px;
 display:inline-block;
 background-size: cover;
 line-height:14px;
 font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.note img {
 display:inline-block;
 width:160px;
}

.note p {
 padding-left: 18px;
 padding-right: 0px;
 margin: 0px;
 padding-top: 16px;
 width: 180px; 
 height: 180px;
 line-height:15px
 font-family: "Comic Sans MS", "Comic Sans", cursive;
 overflow:auto;
}





#bg1 {
 background-image: url("https://bridget.party/graphics/sticky1.png");
}

#bg2 {
 background-image: url("https://bridget.party/graphics/sticky2.png");
}

#bg3 {
 background-image: url("https://bridget.party/graphics/sticky3.png"); 
}

#bg4 {
 background-image: url("https://bridget.party/graphics/sticky4.png"); 
}

#bg5 {
 background-image: url("https://bridget.party/graphics/sticky5.png"); 
}

#bg6 {
 background-image: url("https://bridget.party/graphics/sticky6.png"); 
}