{
  box-sizing: border-box;
}

body {
  background-image: url(https://averagegrl.neocities.org/graphics/wh%20ch.gif);

  margin: 0;
padding: 20px;
  cursor: url(https://averagegrl.neocities.org/graphics/nyan.png), auto;
  font-family: Verdana, sans-serif;
}


mark {
  background-color: #fcebef;
  opacity:0.9;
  }

 #bamby {
  position: absolute;
   left:770px;
   bottom:50px;
  filter: drop-shadow(3px 3px 3px grey);
}

 #gems {
  position: absolute;
   left:790px;
   top:120px;
  filter: drop-shadow(3px 3px 3px grey);
}



#tiara {
  position: absolute;
   left:35px;
   top:120px;
  filter: drop-shadow(3px 3px 3px grey);
}

#icon{
  position: absolute;
   left:300px;
   top:205px;
  filter: drop-shadow(3px 3px 3px grey);
}

#ribbon{
  position: absolute;
   left:5px;
   bottom:160px;
}

.parent {
display: grid;
grid-template-columns: 240px 1fr;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-column-gap: 20px;
}

.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }




 .chatroom {
   position: absolute;
   left:890px;
   top:190px;
    
        }

 .guestbook {
   position: absolute;
   left:990px;
   top:320px;
    
        }
        

.scroller {
  width: 235px;
  height:80px;
  padding:5px;
  overflow-y: scroll;
  scrollbar-color: hotpink black;
  border: 1px dotted grey;
  text-align:center;
  background-image: url(https://averagegrl.neocities.org/graphics/pink%20hearts.gif);
}


.float {
	display: inline-block;
	transition-duration: $defaultDuration;
	transition-property: transform;

	@include hideTapHighlightColor();
	@include hardwareAccel();
	@include improveAntiAlias();

	&:hover {
		transform: translateY(-2px);
	}
}

a {
  font-size:20px;
  text-decoration: none;
  color: hotpink;
  background: linear-gradient(90deg, red, orange, yellow, green, blue, purple);
  background-clip: text;
  -webkit-background-clip: text;
  margin: auto;
}

a:hover {
  color: transparent;
  cursor: url(https://averagegrl.neocities.org/graphics/hand.png), auto;
  animation: colorRotate 2s linear 0s infinite;
}
@keyframes colorRotate {
  from {
    color: #6666ff;
  }
  10% {
    color: #0099ff;
  }
  50% {
    color: #00ff00;
  }
  75% {
    color: #ff3399;
  }
  100% {
    color: #6666ff;
  }
::-moz-selection
  color: black;
  background: #ffbdf1;
}
::selection {
  color: black;
  background: #ffbdf1;
}