body{background:#454a56}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;position:relative;word-wrap:break-word}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}ul{padding-left:20px}.flex-row{display:flex;justify-content:flex-start;flex-wrap:wrap}.flex-between{justify-content:space-between}.items-center{align-items:center}.mb-0{margin-bottom:0}.mt-0{margin-top:0}ul.flex-row{margin-top:5px;margin-bottom:5px}.flex-row>li{margin-right:40px;font-weight:700}ol{padding-left:15px}.flex{display:flex;justify-content:space-between;align-items:center}.container{width:96vw;margin:0 auto;background:#454a56;overflow:hidden}.card{position:fixed;width:80vw;background:#fff;border-radius:20px;padding:20px;height:90vh;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll{padding:12px;overflow-y:auto;height:84%}.scroll::-webkit-scrollbar{width:3px}.scroll::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #ccc}.scroll::-webkit-scrollbar-thumb{background-color:#454a56}li{margin:10px 0}a{color:#0d0dfa;text-decoration:none;padding-bottom:2px}a:hover{border-bottom:2px solid #0d0dfa}.source-code{text-decoration:none;color:#8c0505;font-weight:700}.source-code:hover{border-bottom:2px solid #8c0505}button{background:#454a56;color:#fff;outline:none;cursor:pointer;padding:5px 10px;border-right:1px solid #fff;border-top:1px solid #454a56;border-left:1px solid #454a56;border-bottom:1px solid #454a56;font-size:20px}button:hover{background:#f5f2f2}.active,button:hover{color:#454a56;border-right:1px solid #454a56}.active{background:#fff}@media (max-width:850px){.flex{flex-wrap:wrap;justify-content:flex-start}.card{max-width:98vw}}@media (max-width:768px){.grid-4{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px}button{font-size:18px;border:1px solid #454a56}.card{width:92vw;padding:10px}.scroll{padding:5px}}@media (max-width:450px){.grid-4{grid-template-columns:1fr}.card{padding:10px 10px 30px 10px}}