@keyframes appears{0%{bottom:12px}100%{bottom:0px}}body{background:#f8f8ff;color:#000;font-family:Roboto Mono,monospace,Arial}body t{font-size:24px}body h1{font-size:24px}body h2{font-size:20px}body p{font-size:16px}body a{font-family:inherit;font-size:inherit;color:#009c60}.navigator{background-color:black;color:white;border-style:solid;width:calc(35% + 240px);margin:auto;padding:12px;display:flex;flex-direction:row}.navigator .button_type_b{flex-direction:row-reverse;flex-grow:100}.bounds{width:calc(35% + 240px);margin:auto;z-index:0;animation-name:appears;animation-duration:0.3s;bottom:0px;position:relative}.container{background-color:#fff;border-style:solid;padding:24px;margin-top:12px;box-shadow:2px 2px gray;border-radius:5px}.container hr{border:3px lightgray;border-bottom-style:solid}.container pre{background-color:snow;padding:10px;border:3px solid lightgray}.button_type_a{display:inline-flex}.button_type_a a{color:black;background-color:white;text-decoration:none;vertical-align:middle;margin:4px 0px 4px 0px;padding:8px;display:inline-flex;border-radius:5px;border-style:solid;position:relative}.button_type_a a:hover{box-shadow:0px 2px 2px gray;bottom:2px}.button_type_a a:active{box-shadow:none;top:1px}.button_type_a a span{position:relative;margin-left:8px}.button_type_b{display:flex}.button_type_b a{color:white;background-color:black;text-decoration:none;vertical-align:middle;font-size:16px;padding:4px 8px 4px 8px;display:inline-flex;position:relative}.button_type_b a:hover{background-color:#009c60}.button_type_b a:active{background-color:#006d43;top:2px}.button_type_b a span{position:relative;margin-left:4px}@media screen and (max-width: 420px){.bounds{width:calc(100% - 8px)}.navigator{width:calc(100% - 32px)}.button_type_b a{flex-direction:column}.button_type_b a span{margin:0px;text-align:center;font-size:8px}}