@import url('https://fonts.googleapis.com/css?family=Amiri');

#body {
font-family: 'Amiri', Georgia, Palatino, "Times New Roman", Times, serif;
}

.maintext {
font-family: 'Amiri', Georgia, Palatino, "Times New Roman", Times, serif;
font-size: 20px;
}

#output {
font-family: 'Amiri', Georgia, Palatino, "Times New Roman", Times, serif;
font-size: 20px;
}

.petalfade {
position: fixed;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0; 
transition: opacity 5s ease-in-out;
  -moz-transition: opacity 5s ease-in-out;
  -webkit-transition: opacity 5s ease-in-out;
}

.choicelist {
	border: none;
	padding: 10px;
}

a, a:visited {
	font-weight: 600;
	color: #cc8800;
}

a:hover {
	font-weight: 600;
	color: black;
    	text-decoration: none;
}

.bannertext {
line-height: 1.3;
display: block;
}

.abouttable {
border: none;
padding: 10px;
background-color: #ffecc1;
font-size: 17px;
}

td.flowerbar {
width:170px;
}

.abootbox
{
	font-size: 30px;
	bottom: 0;
   	right: 0;
	color: white;
	background-color: #ffecc1;
	position: fixed;
	border: 5px solid #ffecc1;	
}

.fin {
opacity: 0;
padding-top: 50px;
font-size: 45px;
text-align: center;
transition: opacity 2s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -webkit-transition: opacity 2s ease-in-out;
}


.lastlist
{
margin-left: 50px;
}

.finoptions
{
padding-top: 50px;
padding-left: 30px;
padding-right: 30px;
opacity: 0;
-ms-transform: translate(25%);
transform: translate(25%);
text-align: center;
font-size: 18px;
border: none;
transition: opacity 4s ease-in-out;
  -moz-transition: opacity 4s ease-in-out;
  -webkit-transition: opacity 4s ease-in-out;
}

.initial-options
{
padding-top: 50px;
padding-left: 30px;
padding-right: 30px;
-ms-transform: translate(25%);
transform: translate(25%);
text-align: center;
font-size: 18px;
border: none;
}

td.thicc
{
padding-left: 15px;
padding-right: 15px;
}


.fadein {
opacity: 1;
}

.flex-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

.modeimg {
float: left;
;margin-right:15px;
}

.modetxt {
padding 70px 30px 70px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

h2 {
padding-top: 20px;
color: #cc8800;
}