@import url('https://fonts.googleapis.com/css2?family=Bad+Script&family=Handlee&family=Squada+One&display=swap');
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bad+Script&family=Handlee&family=Squada+One&display=swap" rel="stylesheet">

/*TEXT*/
p {
	color:#7492B5;
	font-family: Squada One;
}

h1 {
	color: #c49e9e;
	font-family: Dangle;
	font-size: 68px;
}

h4 {
	color:#5c2121;
	font-family: Bad Script;
	font-size: 32px;
}

a{
	color:C2B4AE;
}

a:visited{
	color:##9C8EAD;
}

a:hover {
	color:dimgrey;
}
ul {
	font-family: Brown Sugar;
	color: #c98fab;
}

ol { 
	font-family: Brixton;
	color: c98fab;
 }

table {
	border-collapse: collapse;
	width:450px;
	font-family: Arial;
	margin: 10px;
}

th, td {
	border: 2px solid black;

}

th { 
	background: lightseagreen;
 }

 td {
 	background: #AEBCC2;
 	text-align: center;
 }

 body {
 	background:#c49e9e;

 }

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

  #header img {
  	width: 100%;
  }
 #nav { 
 	background:#e6dce1;
 	position:relative;
 	max-width:880px;
 	width: 85%;
 	margin:auto;
 	padding:10px;
 	margin-bottom:10px;
  }

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

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

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



#nav ul{
	text-align:center;
}

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

.sidebar-bottom {
display: none;
}

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

.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;
}
}s

th,td {
	border:1px solid black;
	padding:7px;
}

th {
	background:pink;
	text-align:left;
}

.floaty {
	float: margin-left;
}