body {
background: #ffa1d6;
background: linear-gradient(115deg,rgba(255, 161, 214, 1) 0%, rgba(208, 196, 255, 1) 28%, rgba(177, 232, 240, 1) 50%, rgba(208, 196, 255, 1) 76%, rgba(255, 161, 214, 1) 100%);
font-family: Ubuntu, Helvetica, sans-serif;
height: 3000px;
}
@font-face {
	font-family: Yellowtail;
	src: url(/fonts/Yellowtail-Regular.ttf)
}
@font-face {
	font-family: Ubuntu;
	src: url(/fonts/Ubuntu-Light.ttf)
}
h1 {

	text-align: center;
	font-family: Yellowtail, Helvetica, sans-serif;
	font-size: 90px;
	color: white;
	overflow: hidden;
	margin-bottom: 0px
}
h2 {
	font-size: 60px
}
h3 {
	font-size: 25px
}
header {
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	display: flex;
	width: auto;
	min-width: 300px;
	max-width: 500px;
	justify-content: center
}
/*this is for the header*/
.beaubar {
	width: 100%;
	flex-shrink: 1;
	display: flex;
	justify-content: center;
	border-style: solid;
	border-width: 2px;
	background-color: rgb(248, 185, 212);
	border-color: black;
}
#beaulogo{
	color: white;
	text-decoration: none;
}
.beaubar div {
	padding: 10px;
	text-align: center;
}
.lefttext {
	text-align:left;
	padding-left: 15px;
	padding-right: 15px;
}
a {
	color: black
}
.beaubar div a:hover {
	color: rgb(43, 218, 153);
}
a:hover {
	color: rgb(231, 78, 196);
}
.contentbox {
	display: flex;
	justify-content: left;
	flex-direction: column;
	flex: 1;
	min-width: 400px;
	gap:20px
}
.contentbox div {
	border-style: solid;
	border-width: 2px;
	background-color: rgb(157,238,208);
	border-color: black;
	padding-left: 15px;
	padding-right: 15px;
}
.windowbox {
	display: flex;
	justify-content: right;
	flex-direction: column;
	gap: 20px;
	max-width: 400px;
	min-width: 200px;
}
.windowbox div {
	border-style: solid;
	border-width: 2px;
	background-color: rgb(157,238,208);
	border-color: black;
	text-align: center;
}
.flexibox {
	display: flex;
	justify-content: center;
}
#beaupfp{
	height:75px;
	width: 75px;
	padding-left: 15px;
}
.beaupage {
	flex-wrap: wrap;
	flex-direction: row;
	margin: 0 auto;
	gap: 15px;
	padding-top: 25px;
	max-width: 1300px;
}
.picturebox{
	border-style:solid;
	border-width: 2px;
	border-color: black;
	text-align: center;
	background-color: rgb(157,238,208);
}
.picturebox p {
	margin-bottom: 8px;
	margin-top: 4px
}