@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Delius&family=Delius+Swash+Caps&family=Fugaz+One&family=Itim&family=League+Script&family=WindSong:wght@400;500&display=swap');



 p {
    color: #004F4D;

    a:visited {
    	color:black;
    }
    font-family:itim;
    font-size:19px;
   
}

h3 {
	color:#008F8C;
	font-family:Dancing Script;
	font-size:32px;
}

h2 {
	color:#008F8C;
	font-family:Dancing Script;
	font-size:45px;
}

ul {
   color:#363C59;
   font-family:itim;


}

h4 {
	color:#008F8C;
	font-family:Dancing Script;
	font-size:25px;

}


a:visited {
	color:black;
}

a:hover {
	color:blue;
}

body {
background:#735862;


}

table {
	font-family:arial;
	border:5px solid black;
	color:#363C59;
}

#header {
background:#FACFCE;
position:relative;
max-width: 900px;
width:85%;
margin:auto;

margin-bottom: 15px;
}


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

 
#header img {

	width:100%;
}


#nav {
background:#FACFCE;
position:relative;
max-width:870px;
width:85%;
margin:auto;
padding:15px;
margin-bottom:15px;

}

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

}

#nav li {
	display:inline;
padding-inline: 50px;



}

#nav ul {
	text-align:center;
}

h1 {
font-family:delius;
font-size:50px;
color:#008F8C;
position:relative;
}

@media screen and (max-width: 600px) {
p { color:blue;
   }
}


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

.sidebar-bottom {
display: none;
}


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

.sidebar {
display: none;
}

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

}
}

.resize1 {
	max-width:500px;
	width:100%;
}

table {
	font-family:Delius;
	font-size:20px;
}

li {
font-size:18px;
font-family:itim;
}



img {
  display: block;
  margin: auto;
  width: 50%;
}