body{height:100vh}main{height:100vh;display:flex;flex-direction:row}header{height:7rem}#map{width:67%;height:100%}#control{width:33%;display:flex;flex-direction:column}.tabs{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-content:center;margin:10px}.tabs button{flex:0 1 33%;max-width:100%;text-align:center;display:block;padding:10px 30px;align-content:center;text-decoration:none;cursor:pointer;color:#fff;font-weight:700;box-sizing:border-box}.tabs button.active{border-bottom:5px solid #006ba6}.tabs button:first-child{background-color:#0496ff}.tabs button:nth-child(2){background-color:#ffbc42;color:#333}.tabs button:nth-child(3){background-color:#d81159}#io{box-sizing:border-box;width:calc(100% - 20px);height:100%;margin:10px;overflow-x:hidden;overflow-y:auto}#error{margin:10px;color:red}.examples{margin:10px}