@import url('https://fonts.googleapis.com/css2?family=Alata&family=Andika:ital,wght@0,400;0,700;1,400;1,700&family=Butterfly+Kids&family=Gorditas:wght@400;700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kranky&family=Love+Ya+Like+A+Sister&family=Mystery+Quest&family=Unkempt:wght@400;700&display=swap');


p{
	color:#CC2592;
	font-family: Andika;
	line-height: 1.5;
}

h2{
	color:#C70077;
	font-family: Gorditas;
	font-size: 35px;
	text-align: center;
}

a{
	color:#0592A4;
}

a:visited{
	color:#22BF76;
}

a:hover{
	color:#B959CC;
}

ul, ol{
	font-family: Love Ya Like A Sister;
	color:#24BF69;
}


table{
	border-collapse: collapse;
	max-width: 520px;
	width:100%;
	margin:auto;
}

th, td{
		border: 2px ridge #B959CC;

}

td{
	text-align: center;
	color: #24BF69;
	font-family: Love Ya Like A Sister;
}

td:hover{ 
	background:#0592A4;
 }

th{
	background: #B959CC;
	font-family: Gorditas;
	color: purple;
}

body{
	background:#0592A4;
}

#header{
	background:#B959CC;
	position:relative;
	max-width:800px;
	width:95%;
	margin:auto;
	padding:14px;
	margin-bottom:10px;
	border-radius:2%;
}
#header img{
	width:100%;
}

#nav{
	background:lightblue;
	position:relative;
	max-width:800px;
	widht:95%;
	margin:auto;
	padding:14px;
	margin-bottom:10px;
	border-radius:1%;
}

#section{
	background:lightblue;
	position:relative;
	max-width:800px;
	width:95%;
	margin:auto;
	padding:14px;
	margin-bottom:10px;
	overflow:hidden;
	border-radius:1%;
}

#section img{
	border-radius:6%;
}


#footer{
	background:lightblue;
	position:relative;
	max-width:800px;
	width:95%;
	margin:auto;
	padding:14px;
	margin-bottom:20px;
	border-radius:1%;
}

#nav li{
	display:inline;
	padding-right:40px;
}

#nav ul{
	text-align:center;
}

.floaty{
	float:left;
	margin-right:20px;
	margin-bottom:8px;
}

.mant{
	float:right;
	margin-left:10px;
}

.hik{
	float:left;
	margin-right:15px;
	margin-top:15px;
}

.booky{
	float:left;
	margin-right:20px;
	margin-left:8px;
}
.ponyo{
	float:right;
	margin-left:8px;
}

.sidebar {
float: right;
width: 35%;
height: auto;
margin-left: 6px;
margin-right: auto;
margin-bottom:2px;
}
.sidebar-bottom {
display: none;
}

@media screen and (max-width: 728px) {

.sidebar {
display: none;
}

.sidebar-bottom {
display: block;
position: relative;
width: 90%;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
background: white;
}
}

.ytvid {
	max-width: 560px;
	width:100%;
	border-radius:3%;
}