
:root {
    --primary-color: #333;
    --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:1600px;
background-color:#fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
display:flex;
padding:1em;
margin-top:1em;
 
}

.third{

width:32%;
 

}

.tuthird{

width:64%;
 

}

body{
 font-family: var(--font-family);
width:80% !important;
max-width:1600px !important;
margin:auto !important;
background-color:#efefef;
}


#bloom_harvest_output_div{

background-color: var(--llm-col_back);
color: var(--llm-col_front);
margin-right:1em;
border-radius:var(--br);
padding:1em;
font-weight: 600;
}

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

  #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 div { font-size:0.8em;  padding: 2px; margin-bottom: 10px; border-radius: 5px; border-bottom: 1px dotted #444; padding:1em; }
        .entry-text {overflow: hidden; }
        #entry-list div button { margin-left: 5px; background-color:#fff;border:1px dotted #333; }
