@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:radial-gradient(#feffff,#fff);color:#000;font-family:Quicksand,sans-serif;line-height:1.5;min-height:100vh;padding:1rem}main{align-items:center;display:flex;justify-content:center;padding:2rem}header{margin-top:20px;text-align:center}header h1{-webkit-text-fill-color:#0000;background:linear-gradient(0deg,#55909b,#56aac0,#22c6cf,#c1dbe2);-webkit-background-clip:text;filter:drop-shadow(0 2px 8px rgba(216,216,216,.5));font-family:Roboto Condensed,sans-serif;font-size:3rem;margin:0}nav{display:flex;gap:15px;justify-content:center}nav a{background-color:#e1f1f6;border-radius:5px;color:#355354;font-size:1.2rem;font-weight:bolder;padding:3px;text-decoration:none;transition:color .3s ease;width:100px}nav a:hover{color:#182529}.tab-button{background-color:#137580;border:none;border-radius:6px;color:#ebe7ef;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:700;height:50px;margin:5px;transition:background-color .3s ease;width:160px}.tab-button:hover{background-color:#375769}.tab-button.active{background-color:#6ea8ab;color:#ebe7ef}.ul-tab-button{list-style-type:none}#examples{margin:auto;max-width:1000px;text-align:center}#examples menu{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}#tab-content{background-color:#f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1rem}#tab-content h3{color:#333;font-family:Roboto Condensed,sans-serif}#tab-content ul{padding:10px;text-align:left}#tab-content li{padding:.5rem 0}#tab-content .images{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}#tab-content .images img{border-radius:6px;box-shadow:0 2px 8px #0000001a;max-width:100%}.counter{background-color:#bdb1bc;border-radius:6px;box-shadow:0 2px 8px #0006;color:#000;padding:2rem}.counter button{background-color:#36254a;border:none;border-radius:6px;color:#ebe7ef;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:700;height:30px;margin:5px;transition:background-color .3s ease;width:160px}.counter button:hover{background-color:#4a3769}.toggle-text{margin-top:50px;text-align:center}.toggle-text button{background-color:#36254a;border:none;border-radius:6px;color:#ebe7ef;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:700;height:30px;margin:5px;transition:background-color .3s ease;width:160px}form{margin-top:50px;text-align:center}input{font-size:16px;margin:5px;padding:10px}.todo-list button{background-color:#36254a;border:none;border-radius:6px;color:#ebe7ef;cursor:pointer;font-family:Quicksand,sans-serif;font-weight:700;height:30px;margin:5px;transition:background-color .3s ease;width:160px}.todo-list input{border-color:#f0f8ff;border-radius:6px;height:30px;width:300px}.api-data{margin-top:50px;text-align:center}div .text-box{align-items:center;background-color:#a8a0b4;border-radius:6px;display:flex;height:45px;justify-content:space-around;width:400px}button{background-color:#590b50;border-radius:6px;color:#f0f8ff;padding:5px}input .edit{border-color:none}input{border-color:#fff;border-radius:6px}.list{font-size:18px;margin-right:10px;padding:6px}li{justify-content:flex-start}.row,li{display:flex}.row{align-items:center;justify-content:center}li button{margin:10px}.grid{background-color:#fff;border:1px solid #000;cursor:pointer;height:30px;width:30px}.grid.active{background-color:#2d7976}.quiz{display:flex;gap:50px;margin:0 auto;max-width:1200px;padding:10px}.quiz h2{font-size:1.5em}.quiz div{margin-bottom:10px}.quiz button{margin-top:20px}.question-box{width:1200px}.quiz-menu{align-items:center;display:flex;flex-wrap:wrap;gap:8px;max-height:800px;max-width:200px;position:relative}
/*# sourceMappingURL=main.1c519e66.css.map*/