h1,p{text-align:center;font-family:-apple-system,"BlinkMacSystemFont","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}#image{position:relative;width:90vmin;max-width:400px;height:90vmin;max-height:400px;margin:auto;border:solid #bdc3c7 1px}#image #counter{display:flex;justify-content:center;align-items:center;position:absolute;width:78%;height:78%;top:10%;left:0;margin:0;border:outset}#image #counter img#dir{width:auto;height:80%}#image .chair#chair1{position:absolute;width:8%;height:8%;top:0;left:10%;margin:1%;border-radius:50%}#image .chair#chair2{position:absolute;width:8%;height:8%;top:0;left:20%;margin:1%;border-radius:50%}#image .chair#chair3{position:absolute;width:8%;height:8%;top:0;left:30%;margin:1%;border-radius:50%}#image .chair#chair4{position:absolute;width:8%;height:8%;top:0;left:40%;margin:1%;border-radius:50%}#image .chair#chair5{position:absolute;width:8%;height:8%;top:0;left:50%;margin:1%;border-radius:50%}#image .chair#chair6{position:absolute;width:8%;height:8%;top:0;left:60%;margin:1%;border-radius:50%}#image .chair#chair7{position:absolute;width:8%;height:8%;top:0;left:70%;margin:1%;border-radius:50%}#image .chair#chair8{position:absolute;width:8%;height:8%;top:10%;left:80%;margin:1%;border-radius:50%}#image .chair#chair9{position:absolute;width:8%;height:8%;top:20%;left:80%;margin:1%;border-radius:50%}#image .chair#chair10{position:absolute;width:8%;height:8%;top:30%;left:80%;margin:1%;border-radius:50%}#image .chair#chair11{position:absolute;width:8%;height:8%;top:40%;left:80%;margin:1%;border-radius:50%}#image .chair#chair12{position:absolute;width:8%;height:8%;top:50%;left:80%;margin:1%;border-radius:50%}#image .chair#chair13{position:absolute;width:8%;height:8%;top:60%;left:80%;margin:1%;border-radius:50%}#image .chair#chair14{position:absolute;width:8%;height:8%;top:70%;left:80%;margin:1%;border-radius:50%}#image .chair#chair15{position:absolute;width:8%;height:8%;top:80%;left:80%;margin:1%;border-radius:50%}#image .chair#chair16{position:absolute;width:8%;height:8%;top:90%;left:70%;margin:1%;border-radius:50%}#image .chair#chair17{position:absolute;width:8%;height:8%;top:90%;left:60%;margin:1%;border-radius:50%}#image .chair#chair18{position:absolute;width:8%;height:8%;top:90%;left:50%;margin:1%;border-radius:50%}#image .chair#chair19{position:absolute;width:8%;height:8%;top:90%;left:40%;margin:1%;border-radius:50%}#image .chair#chair20{position:absolute;width:8%;height:8%;top:90%;left:30%;margin:1%;border-radius:50%}#image .chair#chair21{position:absolute;width:8%;height:8%;top:90%;left:20%;margin:1%;border-radius:50%}#image .chair#chair22{position:absolute;width:8%;height:8%;top:90%;left:10%;margin:1%;border-radius:50%}#image .chair#chair23{position:absolute;width:8%;height:8%;top:90%;left:0;margin:1%;border-radius:50%}#image .chair.gray{background-color:#bdc3c7}#image .chair.green{background-color:#2ecc71}#image .chair.yellow{background-color:#f1c40f}#image .chair.red{background-color:#c0392b}#captions{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1em}#captions .caption{margin:.5em;padding:.5em;background-color:#ecf0f1;border-radius:10px}#captions .caption .green{display:inline-block;width:7.2vmin;max-width:32px;height:7.2vmin;max-height:32px;vertical-align:middle;background-color:#2ecc71;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}#captions .caption .yellow{display:inline-block;width:7.2vmin;max-width:32px;height:7.2vmin;max-height:32px;vertical-align:middle;background-color:#f1c40f;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}#captions .caption .red{display:inline-block;width:7.2vmin;max-width:32px;height:7.2vmin;max-height:32px;vertical-align:middle;background-color:#c0392b;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}#captions .caption .gray{display:inline-block;width:7.2vmin;max-width:32px;height:7.2vmin;max-height:32px;vertical-align:middle;background-color:#bdc3c7;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}p.text{display:inline-block;margin:0 .5em}