@import url('https://fonts.googleapis.com/css2?family=Hedvig+Letters+Sans&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Bowlby+One&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Hedvig+Letters+Sans&family=Rubik+Doodle+Shadow&display=swap');

p {
 color: #4F0091;
 font-size: 14px;
 font-family: Hedvig Letters Sans;
}

body {
	background: #EBF8FF;
}

table { 
	font-family: Hedvig Letters Sans;
	text-align: center;
 }

 th, td {
 	border: 1px solid #222222;
 	padding: 5px;
 }

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

#section li {
	font-family: DM Sans;
}

#nav ul {
	text-align: center;
}

/*HEADERS*/
h1 {
font-family: DM Sans;
}

h2 {
font-family: DM Sans;
}

h3 {
font-family: DM Sans;
}


h4 {
font-family: DM Sans;
}

/*IMAGES*/
.floaty {
	float: left;
}

 .floaty {
 	border-radius: 50%;
 }

#header img {
	width: 100%;
}

/*SECTIONS*/
#header { 
background: #FFDBF1;
max-width: 900px;
width: 85%;
position: relative;
margin: auto;
margin-bottom: 15px;
text-align: center;
font-family: DM Sans;
 }

 #nav { 
background: #FFDBF1;
max-width: 870px;
width: 85%;
position: relative;
margin: auto;
padding: 15px;
margin-bottom: 15px;
font-family: DM Sans;
 }

 #section { 
background: #FFDBF1;
max-width: 870px;
width: 85%;
position: relative;
margin: auto;
padding: 15px;
margin-bottom: 15px;
 }

 #footer { 
background: #FFDBF1;
max-width: 870px;
width: 85%;
position: relative;
margin: auto;
padding: 15px;
margin-bottom: 15px;
text-align: center;
 }


/*LINKS*/
 a {
color: purple;
 }

 a:visited {
 	color: purple;
 }

 a:hover {
 	color: #EBF8FF;
 }

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

.sidebar-bottom {
display: none;
}

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

.sidebar {
display: none;
}

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