h1{color:#5BD5E2;text-shadow:5px 5px #A5E884;}
.fourboxes div{height: 200px;display:flex; margin-bottom: 20px;}
.four td{height:200px; width:200px;}
.box{height:100px; width:200px; margin: 1rem;}
.b1{background-color:#5bd5e2;border-radius:5px; box-shadow: 10px 10px;}
.b2{background-color:#83e0b8;border-radius:25px; box-shadow: 5px 5px 5px 5px #A5E884;}
.b3{background-color:#a5e884;border-radius:55px;}
.b4{background-color:#88b089;border-radius:95px;}
.b5{background-color:#185a6b;}
.b6{background-color:#79a4a5;}
.b7{background-color:#dffdec;}
.b8{background-color:#9deef8;}

td{height:100px; width:150px; margin:0; padding:0; background-color:#1FD4E4;}
.o1{opacity:.2;}
.o2{opacity:.4;}
.o3{opacity:.6;}
.o4{opacity:.8;}
.o5{opacity:1;}