* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background-color: #e0eaff;
	
}

p {
	font-family: 'IBM Plex Sans' , sans-serif;
	font-size: 18px;
	Text-Indent: 40px;
	margin: 25px;
}

li {
	font-family: 'IBM Plex Sans' , sans-serif;
	font-size: 18px;
	padding-top: 20px;
	text-align: left;
}

ul {
	padding-left: 150px;
}

h2{
	Text-Indent: 20px;
	font-family: 'Bai Jamjuree' , sans-serif;
}

h3 {
	Text-Indent: 20px;
	font-family: 'Roboto' , sans-serif;
}
h4 {
	font-family: 'Bai Jamjuree' , sans-serif;
}

/* IMPORTANT 
Copy This to all the pages you make. 
Be sure to copy html too.*/

/*.SoQ {
	margin: auto;
	width: 1000px;
	text-align: center;
} Referemce */
/*Top navigation*/
/* Add a black background color to the top navigation */
.topnav {
  background-color: #3d71cc;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 50px 40px;
  text-decoration: none;
  font-family: 'Bai Jamjuree' , sans-serif; 
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #5cacd6;
  color: black;
}

.topnav a:hover.active {
	color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #3c9ad4;
  color: white;
}
/* Bottom nav */
.bottomnav {
	background-color: #646d76;
    overflow: hidden;
}

.bottomnav a {
  
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 50px 40px;
  text-decoration: none;
  font-family: 'Bai Jamjuree' , sans-serif; 
  font-size: 17px;
  
}

.bottomnav a:hover {
	background-color: #848c97;
    color: black;
}

#Logo {
	margin-top: 50px;
	height: 300px
}
#killall {
	margin: 0;
	text-align: left;
}
/*end */