@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&family=Hachi+Maru+Pop&family=Mukta:wght@200;300;400;500;600;700;800&family=Twinkle+Star&display=swap');


p {
	color:floralwhite;
	font-family:Mukta;
}

h1 {
	color: #C6E072;
	font-family:Twinkle Star;
	font-size:72px;
	text-align:center;
}

h4 {
	color:#C6E072;
	font-family:Hachi Maru Pop;
}

a {
	color:#C6E072;
}

a:visited {
	color:#49838E;
}

a:hover {
	color:#C6E072;
}

ul {
	font-family:Mukta;
	color:#C6E072;
}

table {
	border-collapse:collapse;
	max-width:500px;
	width:100%;
}

th, td {
	border:1px solid #C6E072;
}

td {
	font-family:Mukta;
	text-align:center;
	color:floralwhite;
}

th {
	color:#300042;
	background:#845696;
	font-family:Mukta;
}

td:hover {
	background:#49838E;
}

body {
	background:#845696;
}

/*DIV IDS*/

#header {
	background:#300042;
	position:relative;
	max-width:900px;
	width:95%;
	margin:auto;
	margin-bottom:10px;
}

#header img{
	width:100%;
}

#nav {
	background:#300042;
	position:relative;
	max-width:880px;
	width:95%;
	margin:auto;
	padding:10px;
	margin-bottom:10px;
}

#section {
	background:#300042;
	position:relative;
	max-width:880px;
	width:95%;
	margin:auto;
	padding:10px;
	margin-bottom:10px;
}

#footer {
	background:#300042;
	position:relative;
	max-width:880px;
	width:95%;
	margin:auto;
	padding:10px;
	margin-bottom:10px;
}

#footer p {
	text-align:center;
}

#header h1 {
	text-align:center;
}

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

#nav ul {
	text-align:center;
}

.sidebar {
float: right;
width: 30%;
height: auto;
margin-left: auto;
margin-right: auto;
}

.sidebar-bottom {
display: none;
}

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

.sidebar {
display: none;
}

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

img {
	border-radius: 10px;
}