*{box-sizing:inherit}body{margin:0;padding:0;border:0;min-height:100vh;height:100%;background-color:#f5f5f5;color:#222;font-feature-settings:"pwid"1;letter-spacing:.02em;font-size:14px;font-weight:400;line-height:1.5;font-family:Open Sans,sans-serif}#app{display:flex}.sidebar{height:100%;background:#eee;border:solid #e8e8e8;border-width:0 1px 0 0;top:0;left:0;bottom:0;width:200px;overflow:auto;overflow-x:hidden;z-index:1;position:fixed}.sidebar .logo{padding:16px;border-bottom:1px solid #e8e8e8;background:#eee}.sidebar ul{margin:0;padding-left:16px}.sidebar ul li{color:#333;display:block;margin:8px 0;font-size:15px;list-style:none;overflow:hidden;text-overflow:ellipsis}.sidebar ul li a{font-size:inherit;color:#1978c8;text-decoration:none}.sidebar ul li a:hover{color:#67b3f1;cursor:pointer}.main{width:100%;height:100vh;max-width:1000px;padding:16px 32px;display:block;margin:0 auto 0 200px}.code{background-color:#ccc;border-radius:8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:10px}.img100{height:100px}.img200{height:200px}.img300{height:300px}.img400{height:400px}.mar20{margin-left:20px}.mar40{margin-left:40px}.mar60{margin-left:60px}.mar80{margin-left:80px}.mar100{margin-left:100px}.mar110{margin-left:110px}.mar120{margin-left:120px}.click-btn{display:flex;align-items:center}.click-btn a{color:#fff;background-color:#006aa1;padding:10px 30px;border-radius:4px;display:block;cursor:pointer;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;text-align:center;text-decoration:none}.click-btn a:hover{opacity:.8}.color-card{display:flex;flex-direction:column;margin:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.color-preview{height:50px;border-radius:10px;background-color:#006aa1;color:#fff;margin-bottom:5px;border:1px solid transparent}.color-label,.color-preview{display:flex;justify-content:center;align-items:center;width:120px}.color-label{border:1px solid #ccc;border-radius:10px;font-size:.8em}.grid-container{grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:". . . . ."". . . . ."". . . . ."}.grid-container,.small-grid{display:grid;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.small-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:0;grid-row-gap:0}#h_logo a svg .st0{fill:#f6b142}#h_logo a svg .st1{fill:#f39504}#h_logo a svg .st2{fill:#0ad}#h_logo a svg .st3{fill:#0075c4}#h_logo a svg .st4{fill:#eb6d47}#h_logo a svg .st5{fill:#e64c1e}#h_logo a svg .st6{fill:#e53d0d}#h_logo a svg .st7{fill:#fff}.answer{margin-left:50px}
/*# sourceMappingURL=main.a4b08c97.chunk.css.map */