h4, li, a{
  font-family: "Tauri", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #9c4dcc
}
body {margin: 0}
h2 {color: #38006b; float:none; font-size: 50px; text-align: center}
h1 {color: #551a8b; display: inline; font-size: 64px; margin-right: 100px}
header {padding-top: 30px; padding-bottom: 30px; background-color: #f4f1f4; border-color: #ce93d8; border-bottom: 10px}
a {text-decoration: none}
.nav {margin:40px; background-color: #ce93d8; padding: 10px 15px; width: 100%; text-align: center; overflow-x: inherit}
.mySlides {margin:auto; width: 100%; max-width: 500px; min-width: 500px; padding-top: 30px}
div {margin:auto; width: 100%; background-color: f4f1f4;}
.w3-display-left {float:left}
.w3-display-right {float:right}
.w3-button {padding: 10px; background-color: #9c4dcc}
iframe {align-content: center}
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #551a8b;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ce93d8;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #551a8b;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}


.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.submit {}

footer {text-align: center; background-color: #551a8b; padding: 15px;}
i {margin: 0 10px;}
.accordion {
  background-color: #eee;
  color: #9c4dcc;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc; 
}

.panel {
  padding: 0 18px;
  display: none;
  background-color: white;
  overflow: hidden;
}