@import url('./fonts/google/css2?family=Poppins:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}body{background-image:url(img/kids.svg);background-color:#271604;background-repeat:no-repeat;display:block;justify-content:center;align-items:center;min-height:100vh;width:auto;background-size:100% 100%;}li{margin-left:16px;}a{cursor:pointer;}.container{max-width:991px;width:100%;background:#f8e1b1;border-radius:8px;overflow:hidden;margin:20px auto 0 auto;}.toolbar{padding:16px;background:#8d4909;}.toolbar .head{display:flex;grid-gap:10px;margin-bottom:16px;flex-wrap:wrap;}.toolbar .head>input{max-width:100px;padding:6px 10px;border-radius:6px;border:2px solid #ddd;outline:none;}.toolbar .head select{background:#fff;border:2px solid #ddd;border-radius:6px;outline:none;cursor:pointer;}.toolbar .head .color{background:#fff;border:2px solid #ddd;border-radius:6px;outline:none;cursor:pointer;display:flex;align-items:center;grid-gap:6px;padding:0 10px;}.toolbar .head .color span{font-size:14px;}.toolbar .head .color input{border:none;padding:0;width:26px;height:26px;background:#fff;cursor:pointer;}.toolbar .head .color input::-moz-color-swatch{width:20px;height:20px;border:none;border-radius:50%;}.toolbar .btn-toolbar{display:flex;flex-wrap:wrap;align-items:center;grid-gap:10px;}.toolbar .btn-toolbar button{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;}.toolbar .btn-toolbar button:hover{background:#f3f3f3;}#content{padding:16px;outline:none;max-height:50vh;overflow:auto;}#show-code[data-active="true"]{background:#eee;}.header{height:60px;background-color:#808080;display:block;align-items:center}.title{color:black;font-size:20px;font-family:Arial;font-weight:700;word-wrap:break-word;text-align:center;padding-top:10px}.buttons{position:absolute;top:10px;right:10px}.button-i,.button-q{width:40px;height:40px;background-size:contain;color:#fff;font-size:10px;font-weight:bold;cursor:pointer;background-color:transparent;appearance:none;border:none;margin-right:20px}.button-i{background-image:url('img/buttonInfo.svg')}.button-q{background-image:url('img/questionButton.svg')}@media only screen and (max-width:768px){.header{padding-right:75px}.title{text-align:left;padding-left:20px;padding-right:30px;font-size:14px}.button-i,.button-q{width:30px;height:30px;font-size:8px;margin-right:10px}}@media only screen and (max-width:1024px){.header{display:flex;align-items:center}.title{text-align:left;padding-left:20px;padding-right:30px;font-size:90%;padding-top:2%;padding-bottom:2%}}