header {
	text-align: left;
	font-size: 18px;
}

header p {
	margin-left: 80px;
}

body {
	text-align: center;
}

ul {
	display: inline-block;
	margin-right: 25px;
	list-style-position: outside;
	list-style-image: url('https://i.postimg.cc/YSMdVLdV/lil-favicon.png');
}

.hrdivider {
	width: 15%;
}

html {
	background-image: url('https://dl.glitter-graphics.com/pub/3563/3563750i4pothpu9q.gif');
}

body {
	background-color: black;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	color: white;
	padding: 20px;
	font-family: "Comic Sans MS";
}

a:hover {
	color: red;
	font-size: 17;
}

.navbar a:link{
	padding: 10px;
	text-decoration: none;
}

.navbar a:visited{
	padding: 10px;
	text-decoration: none;
	background-color: purple;
}

.navbar {
	background-color: purple;
	padding: 10px;
}

.main1 {
	display: flex;
	background-color: purple;
	padding: 10px;
	gap: 10px;
	flex-wrap: wrap;
}

.intro {
	width: 30%;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: rebeccapurple;
	height: 200px;
}

.content1 {
	width: 69%;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: rebeccapurple;
}

.rambles {
	flex-basis: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: rebeccapurple;
	padding: 10px;
}

.rambles iframe {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-style: ridge;
	height: 500px;
}

.flexbreak {
	flex-basis: 100%;
}

.main2 {
	display: flex;
	justify-content: center;
}

#ref {
	border-style: outset;
	padding: 10px;
	margin-bottom: 10px;
}

#ref:hover {
	border-style: outset;
	background-color: red;
	border-color: red;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 14;
}

.top {
	display: flex;
}

.name {
	width: 70%;
}

.logo img{
	width: 40%;
	margin-left: 397px;
}