{
  box-sizing: border-box;
}

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

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

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

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


.sidenav {
  font-size:25px;
  color: hotpink;
  height: 805px;
  width: 240px;
  position: fixed;
  top: 0;
  left: 0;
  border: 1px solid hotpink;
  background:black;
}


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

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

	&:hover {
		transform: translateY(-2px);
	}
}
a:hover {
  cursor: url(https://averagegrl.neocities.org/graphics/hand.png), auto;
}
button:hover {
    cursor: url(https://averagegrl.neocities.org/graphics/hand.png), auto;
}

#keychain{
  position: absolute;
   left:710px;
   top:0px;
}

#heart{
  position: absolute;
   left:120px;
   top:0px;
}