@font-face {
  font-family:Candara;
  src:url('fonts/Candara.ttf');
  font-weight:200;
  font-style:normal;
}


body {
  font-family:Candara;
  font-size:12px;
  background-color:lightcyan;
  background-image:url('images/backwavy.jpg');
  background-attachment:fixed;
}

.top{
  position:sticky;
  bottom:0;
}

p {
  text-align:center;
}

p.top{
  text-align:right;
}

span.block-bots 
{ 
display: none; 
}

UL {
  border:0px dashed black;
  list-style-type:none; /*removes bullet points etc*/
  padding:0em;
  display:flex;
  margin-right:auto;
  margin-left:auto;
  min-width:fit-content;
  align-content:center;
  flex-direction:row; /*row; column;*/
  flex-wrap:wrap; /*just like text wrap in word*/
  justify-content:space-evenly; /*align left, right, center */
}



.ULheader {
  min-width:100px;
  max-width:400px;
}


.ULmain {
  min-width:100px;
  max-width:700px;
}

.ULsub { 
  min-width:100px; 
  max-width:800px;
}

.ULdetail {
  min-width:10px; 
  max-width:800px;
}

li {
  margin:0.5em;
  padding:0.5em;
  align-content:center; /*vertical alignment of its content*/
  flex:20 20 10em; /*stretch;shrink;basis (basis is initial size)*/
  text-align:center;  
  
}

.logoHeader {
  background:linear-gradient(darkgreen,forestgreen);
  /*max-height:20vw;*/
  border:1px dotted black;
  font-size:2em;
  display:grid;
  align-content:center;
  color:mintcream;
}

.logo {
  max-height:15vw;
  border:2px dotted black;
  padding:2em;
  display:grid;
  z-index:99;
  /*opacity:0.5;*/
}

.liflex1 {
  background:linear-gradient(darkred,indianred);
  border:1px solid black;
  border-radius: 30px 0px 30px 30px;
  font-size:1.8em;
  color:mistyrose;
}

.liflex2 {
  background:linear-gradient(black,gray);
  border:1px dotted red;
  border-radius: 3px 3px 3px 3px;
  font-size:1.4em;  
  color:snow;
}

.liflex3 {
  background-color:oldlace;
  border:2px dotted maroon;  
  border-radius: 0px 30px 30px 30px;
  font-size:1.1em;
  padding:1em;
}

.liflex4 {
  background:linear-gradient(gold,orange);
  border:1px solid black;  
  border-radius: 30px 30px 30px 30px;
  font-size:1.2em;
  padding:1em;
  
}

.liflex5 {
  background-color:black;
  border:0px solid yellow;  
  border-radius: 20px 5px 0px 5px;
  font-size:1em;
  padding:1em;
  color:white;
  
}