body {
	background-image: url(https://i.pinimg.com/736x/70/f5/b5/70f5b55ace43a5e48753a10f8e65aec9.jpg);
	cursor: url(https://web.archive.org/web/20091020090242im_/http://geocities.com/Heartland/Fields/1724/hummingbirdrighttiny.gif) 12 12, auto;
}

#bigbird {
	position: absolute;
	top: 0px;
	z-index: 2;
	left: 0px;
}

#big {
	/*background: red;*/
	width: 70%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
}

.bird {
	width: 50%;
	margin-left: 25%;
	top: 100px;
	position: absolute;
}

#left-side {
	left: 0px;
	position: absolute;
	/*background-color: blue;*/
	text-align: center;
	width: 23%;
	top: 0px;
	padding-left: 1%;
	padding-right: 1%;
}

textarea {
	margin-top: 15px;
	border: solid pink 1px;
	background-image: url(https://i.pinimg.com/736x/70/f5/b5/70f5b55ace43a5e48753a10f8e65aec9.jpg);
	cursor: url(https://web.archive.org/web/20091020090242im_/http://geocities.com/Heartland/Fields/1724/hummingbirdrighttiny.gif) 12 12, auto;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}
 
::-webkit-scrollbar-thumb {
  background: #d8dca3;
}

::-webkit-scrollbar-thumb:hover {
  background: #e3c3c4; 
}

::selection {
	background-color: rgba(255, 255, 255, 0.7);
}

#right-side {
	right: 0px;
	position: absolute;
	/*background-color: blue;*/
	text-align: center;
	width: 23%;
	top: 20px;
	padding-left: 1%;
	padding-right: 1%;
}

.mylifeihope:hover {
	color: blue;
	font-size: 22px;
}

.mylifeihope {
	transition: ease all 1s;
	font-family: "Times New Roman";
}

.blog {
	transition: ease all 1s;
	font-family: "Times New Roman";
}

.blog:hover {
	color: hotpink;
	font-size: 22px;
}

.sonnets {
	transition: ease all 1s;
	font-family: "Times New Roman";
}

.sonnets:hover {
	color: green;
	font-size: 22px;
}

audio {
	right: 0px;
	position: absolute;
}

#veryright {
	width: 30%;
	right: 0px;
	position: absolute;
	text-align: center;
	padding-right: 5px;
	height: 100%;
	cursor: url(https://web.archive.org/web/20091020090242im_/http://geocities.com/Heartland/Fields/1724/hummingbirdrighttiny.gif) 12 12, auto;
}

#middle {
	width: 50%;
	margin-left: 25%;
	text-align: justify;
	text-align-last: center;
	margin-top: 60%;
}

#loveish {
	/*border: blue 1px solid;*/
	width: 100%;
	top: 320px;
	margin-right: 0px;
	position: absolute;
	color: transparent;
}

#loveish:hover {
	background-color: white;
}

#quote {
	border: 2px hotpink solid;
	width: 100%;
	border-radius: 30px;
}

.neil1 {
	right: 60%;
	top: 25%;
	width: 60%;
	position: absolute;
	transform: rotate(-30deg);
	animation-name: neil;
	animation-duration: 0.5s;
	animation-iteration-count: infinite;
	animation-timing-function: steps(2);
	/*filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5));*/
}

.spacehey:hover {
	font-size: 22px;
	color: blue;
}

.spacehey {
	transition: ease all 1s;
	color: black;
	font-family: sans-serif;
}

.pinterest:hover {
	font-size: 22px;
	color: red;
}

.pinterest {
	transition: ease all 1s;
	color: black;
	font-family: sans-serif;
}

a {
	text-decoration: none;
	cursor: url(https://blob.gifcities.org/gifcities/QGD5DWRMZFRY6ASB7R566DDD35UT3LDY.gif) 4 12, auto;
}

#scrollbox {
	overflow-y: scroll;
	width: 98%;
	padding-left: 1%;
	padding-right: 1%;
	border: solid 1px;
	background-color: black;
}

#mylife {
	background-color: darkblue;
	width: 100%;
	position: absolute;
	top: 1510px;
	color: white;
	text-align: center;
	left: 0px;
}

#blogblog {
	background-color: pink;
	width: 100%;
	position: absolute;
	margin-top: 1550px;
	text-align: center;
	left: 0px;
}

#mylife2 {
	width: 33%;
	position: absolute;
	top: 1510px;
	background-color: darkblue;
	text-align: center;
	color: white;
}

#blogblog2 {
	width: 33%;
	position: absolute;
	top: 1510px;
	background-color: pink;
	text-align: center;
	left: 33%;
}

#poetry2 {
	width: 33%;
	position: absolute;
	top: 1510px;
	background-color: green;
	text-align: center;
	left: 66%;
}

#bigthree {
	background-color: black;
	color: white;
	width: 96%;
	left: 1.75%;
	text-align: center;
	position: absolute;
	top: 1550px;
}

iframe {
	cursor: url(https://web.archive.org/web/20091020090242im_/http://geocities.com/Heartland/Fields/1724/hummingbirdrighttiny.gif) 12 12, auto;
}

@keyframes neil {
	from {transform: rotate(-30deg)}
	to {transform: rotate(-15deg);}
}

#lifeexample {
	background-color: blue;
	color: orange;
	position: relative;
	width: 45%;
	text-align: center;
	left: 45%;
	top: 20px;
	font-family: cursive;
}

#blogexample {
	background-color: pink;
	/*background-image: url(https://web.archive.org/web/20091024091308im_/http://www.geocities.com/gemmaglitters/glitter.gif);*/
	color: white;
	position: relative;
	width: 175%;
	font-family: cursive;
	/*filter: drop-shadow(10px 10px 10px #000);*/
	/*border-image: url(https://web.archive.org/web/20091024091308im_/http://www.geocities.com/gemmaglitters/glitter.gif) 20% round;
	border: 10px solid transparent;
	padding: 15px;*/
	padding-bottom: 5px;
}

#poetryexample {
	/*background-color: green;*/
	background-image: url(https://blob.gifcities.org/gifcities/HAXR22OKFS5M3HKRJK5DVCVBFA72ODSV.gif);
	width: 45%;
	color: green;
	position: relative;
	font-family: monospace;
	top: 60px;
	text-align: center;
	left: 50%;
	padding-top: 5px;
	padding-bottom: 20px;
}

#nothing {
	background-color: transparent;
	width: 90%;
	position: relative;
	color: transparent;
}

#middle2 {
	width: 50%;
	margin-left: 25%;
	text-align: justify;
	margin-top: 10%;
	text-align-last: center;
}

#right-side2 {
	left: 75%;
	position: absolute;
	/*background-color: blue;*/
	text-align: center;
	width: 23%;
	padding-left: 1%;
	padding-right: 1%;
	top: 1500px;
}

hr {
	border: 1px solid darkred;
	width: 50%;
}

#leftmiddleside {
	width: 75%;
	left: 0px;
	position: relative;
	/*background-color: blue;*/
	text-align: center;
}

@keyframes secondimage {
	from {visibility: hidden;}
	to {visibility: visible;}
}