body{font-family:sans-serif;color:#444}h1,p{text-align:center}p{max-width:30em;margin:0 auto}.container{position:relative;max-width:calc(51em + 4px);margin:1em auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.detail{width:15em;padding:1em;margin-bottom:-1px;margin-right:-1px;border:1px solid #789}.detail .index{border-radius:50%;width:1.5em;height:1.5em;border:1px solid #789;text-align:center;line-height:1.5em;margin-bottom:.5em;margin-top:-.5em;margin-left:-.5em}.detail .row{margin:0 auto;width:12em}.detail .row label{text-transform:capitalize;text-decoration:underline;font-weight:700;width:4em;display:inline-block}.loader{width:100%;top:-4px;overflow:hidden;background-color:#ddd}.loader,.loader:before{height:4px;position:absolute}.loader:before{display:block;content:"";left:-200px;width:200px;background-color:#2980b9;-webkit-animation:loading 2s linear infinite;animation:loading 2s linear infinite}@-webkit-keyframes loading{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}@keyframes loading{0%{left:-200px;width:30%}50%{width:30%}70%{width:70%}80%{left:50%}95%{left:120%}to{left:100%}}
/*# sourceMappingURL=styles.css.map*/