.comp_name {
	font-size: 70px;
	opacity: 1;
	font-weight: bold;
	font-family: "Kanit", sans-serif;
	font-weight: 900;
	color: #ffd600;
	letter-spacing: 2px;
}

body {
	background-color: #87b8a1;
	font-family: "Kanit", sans-serif;
	font-weight: 200;
	font-style: normal;
}

.top_spacing, .questions {
	margin-top: 5px;
	padding-top: 5px;
}

.front_spacing  {
	margin: 0;
	padding: 0;
	font-size: 84px;
	color: green;
	margin-bottom: -40px;
}

.main_left, .top_spacing {
	background-color: #87b881;
}

.front_top {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #87b8a1;
	padding: 10px;
	font-weight: bold;
	
}

i {
	padding-left: 10px;
}

.date_top {
	padding-top: 5px;
	font-size: 20px;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	color: white;
}

p.main_sentence {
	font-size: 24px;
	font-family: "Kanit", sans-serif;
	font-weight: 400;
}

.img_main {
	padding: 5px;
	padding-bottom: 10px;
}

nav {
	background-color: #1f693b;
	font-family: "Kanit", sans-serif;
	font-weight: 400;
}

a.footer_link:link, a.footer_link:visited {
	color: white;
}

.nav-link {
	color: #ebaf17;
}

a.navbar-brand:link {
	color: white;
}

p.event, p.event_last, p.event_middle {
	color: #1f693b;
}

p.event {
	margin-bottom: -40px;
	font-size: 70px;
	opacity: 1;
	font-weight: bold;
	font-family: "Kanit", sans-serif;
	font-weight: 900;
	color: #1f693b;
}

p.event_middle {
	margin-bottom: -40px;
	font-size: 98px;
	opacity: 1;
	font-weight: bold;
	font-family: "Protest Riot", sans-serif;
	font-weight: 900;
}


p.event_last {
	font-size: 98px;
	font-family: "Protest Riot", sans-serif;
	font-weight: 900;
}

.accordion-item {
	background-color: #87b8a1;
	font-family: "Kanit", sans-serif;
	font-weight: 400;
	font-size: 18px;
	
}

.accordion-button {
	background-color: #1f693b;
	color: #ebaf17;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
	letter-spacing: .5px;
}


/* Style for hero image - change only the image */
.hero {
    background-image: url("images/hero1.png");
    background-color: grey;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    font-weight: bold;
}

.main_sentence {
	padding-bottom: 10px;
}

.accordion {
  --bs-accordion-active-bg: #ebaf17;
  --bs-accordion-active-color: #1f693b;
  --bs-accordion-btn-focus-box-shadow: none;
}

.kanit-black {
  font-family: "Kanit", sans-serif;
  font-weight: 900;
  font-style: normal;
}

div.process {
	text-align: center;	
}

ol.purchase, ul.purchase {
	display: inline-block;
	text-align: left;
}



.footer {
	margin-top: 10px;
	padding: 10px;
	background-color: #1f693b;
	color: #ebaf17;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
}

.footer {
	padding-right: 5px;
}

.footer_info {
	color: white;
}

.hosting {
	background-color: white;
	color: #1f693b;
	padding: 5px;
	margin-top: 15px;
	padding-top: 10px;
	margin-bottom: 10px;
	font-family: "Kanit", sans-serif;
	font-weight: 600;
}

.link_button {
	background-color: #1f693b;
	color: #ebaf17;
}

.date {
    background-color: white;
    opacity: 1;
    border-radius: 5px;
    color: #1b5e20;
    padding: 3px;
    
    
}

.date_text {
    letter-spacing: 2px;
    font-weight: bold;
}

.display-2 {
    color: #1b5e20;
}