/*-------------------------------------------------------------------*/
table.scroll {width:100%!important;table-layout: fixed!important;border-collapse:collapse!important;}

table.scroll thead tr:after{content: ' ';overflow-y:scroll;visibility:hidden;}
table.scroll thead th{flex:1 auto;display:block;}
table.scroll tbody{display:table;width:100%;overflow-y:auto;height:auto!important;max--height:45em!important;}
table.scroll thead tr,table.scroll tbody tr{display:flex;}
table.scroll tbody tr td{flex:1 auto;word-wrap:break;}
/*-------------------------------------------------------------------*/
a{text-decoration:none;color:white;padding:10px;display:inline-block;font-size:1.0em}
label{padding:0 5px;margin-left:5px;width:33.3%;text-align:center}
.smoothie{height:595px!important;overflow-y:scroll;scroll-behavior:smooth;}
.scroller{display:flex;align-items:center;justify-content:center;height:100vH;}
span{background:#ccc;width:33.3%;text-align:center;}
#area-1{background:salmon;}
#area-3{background:palegoldenrod;}
/*-------------------------------------------------------------------*/
.container{border:1px solid #ccc;} [class*=box- ]{border:1px solid #aaa;height:200px;}
/*-------------------------------------------------------------------*/
.container{width:1200px;margin:30px auto;}
img{margin:100px;}
button{border:4px solid #094;background:#a2e7bf;border-radius:30px;font-weight:bold;padding:0.6em;cursor:pointer;}
/*-------------------------------------------------------------------*/