body{background-color:#bedbed}.box{width:15em;border:1px solid #333333;padding:8px 12px;background-image:linear-gradient(180deg,#fff,#ddd 40%,#ccc)}.topnav{background-color:#333;overflow:hidden}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px}.topnav a:hover{background-color:#ddd;color:#000}.topnav a.active{background-color:#3790c8;color:#fff}.bigtext{word-wrap:break-word;width:1000px}.column{float:left;width:33.33%;padding:5px}.row:after{content:"";clear:both;display:table}.chip{display:inline-block;position:relative;padding:0 25px;height:50px;font-size:16px;line-height:50px;border-radius:25px;background-color:#f1f1f1}.chip img{float:left;margin:0 10px 0 -25px;height:50px;width:50px;border-radius:50%}.tooltiptext{visibility:hidden;width:100px;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:0;position:absolute;top:100%;left:50%;margin-left:-65px;z-index:1;opacity:.5;line-height:30px}.chip:hover .tooltiptext{visibility:visible}*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.column{float:left;width:25%;padding:0 10px}.row{margin:0 -5px}.row:after{content:"";display:table;clear:both}.card{box-shadow:0 4px 8px #0003;padding:16px;text-align:center;background-color:#f1f1f1}@media screen and (max-width:600px){.column{width:100%;display:block;margin-bottom:20px}}