:root {
    --primary-color: #222;
    --background-color: #f8f8f8;
  
    --br: 11px;
    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    --font-family: 'Karla', sans-serif;
    
    --llm-col_back: #EC517D;
    --llm-col_front: #FFF;
}




#main_content{

margin:auto;

width:80%;
max-width:800px;
background-color:#fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 
padding:1em;
margin-top:1em;
 
 border-radius:12px;
 
}

 

body{
 font-family: var(--font-family);
 
 
margin:auto !important;
background: #fbb63f;
background: linear-gradient(168deg,rgba(251, 182, 63, 1) 0%, rgba(252, 70, 107, 1) 100%);


 



}

button{

 
  margin-left: 5px;
  background-color: #00CCFF;
  border: 0px dotted #333;
  padding:0.4em;
  border-radius:8px;
cursor:pointer;

 font-family: var(--font-family);
 
 color:#FFF;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

input,textarea{

border:0px;
 box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.1);
 background-color: #E8E8E8;
 border-radius:8px;
 font-size:1.4em;
}

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

.leftimg{
width:10%;
float:left;
}


.righty{
width:80%;
float:left;
}

#bloom_harvest_output_div{

background-color:#FFF
color: var(--primary-color);
margin-right:1em;
border-radius:var(--br);
padding:1em;
font-weight: 600;
}


  .entry-text {font-size:1.8em; }
  
  .key_btns{
  font-size:1.8em;
  }
  
  .entry_head{font-size:2.1em;  margin: 0px;}

.aDNA{

font-size:0.8em;  padding: 2px; margin-bottom: 10px; border-radius: 5px; border-bottom: 1px dotted #444; padding:1em;
        
        float:left;width:100%;height:auto;


}

/* --------------------- */

  #form-container {  padding: 1em; border-radius: 8px; margin-bottom: 30px; }
        #form-container input, #form-container textarea { width: 100%; padding: 8px; margin-bottom: 10px; box-sizing: border-box; }
        #entry-list   { 
        float:left; height:auto;
         }