*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,sans-serif}@supports (font-variation-settings: normal){:root{font-family:Inter var,sans-serif}}.spinner{width:2rem;height:2rem;border:.25rem solid #56c7ff;border-bottom:.25rem solid rgba(0,0,0,0);border-radius:50%;animation:spin 1s linear infinite;z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{opacity:.2!important;cursor:not-allowed!important}.kitchen_sink-layout{margin-top:1.5em;display:flex;height:100vh;max-width:100vw;overflow:hidden}.kitchen_sink-layout-icon{outline:none;border:none;cursor:pointer;position:relative}.kitchen_sink-content{width:100%;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.kitchen_sink-content::-webkit-scrollbar{display:none}.kitchen_sink-content_container{width:95%;margin:0 auto;max-width:1300px;height:100vh;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.kitchen_sink-content_container::-webkit-scrollbar{display:none}.kitchen_sink-sidebar{border:1px solid #353535;height:100vh;box-shadow:0 4px 25px rgb(#000,.25);overflow-y:scroll;transition:all .2s ease-in-out;-ms-overflow-style:none;scrollbar-width:none;background:#252525}.kitchen_sink-sidebar::-webkit-scrollbar{display:none}.kitchen_sink-sidebar_container{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;gap:1em;overflow-y:scroll}.kitchen_sink-sidebar_close{width:0px;overflow:hidden;transition:all .2s ease-in}.kitchen_sink-sidebar_open{padding:1em;width:320px;min-width:270px}@media screen and (max-width: 768px){.kitchen_sink-sidebar{position:fixed;z-index:99999999;top:0;left:0}}pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.body{box-sizing:border-box;background:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(20,107,128,1) 51%,rgba(0,212,255,1) 100%);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.music-card{min-height:90vh;display:flex;align-items:center;justify-content:center}.component{background:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(105,20,128,1));width:50%;color:#fff;margin:1.4em 0;max-width:600px;padding:1em 2em;border:.1px solid black;border-radius:10px}.musicCover{max-width:100%;border-radius:10%}.playButton{background:none;border:none;align-items:center;justify-content:center}.subTitle{margin-top:-1em;color:#d3c5c5}.time{margin:0 auto;width:80%;display:flex;justify-content:space-between;color:#828282;font-size:smaller}.timeline{width:80%;background-color:#27ae60}input[type=range]{background-color:#27ae60}@media (max-width: 900px){.component{width:50%}}.qr-code-wrapper{display:inline-flex;background:white;margin-top:2rem;padding:1rem}.news-card{display:flex;flex-direction:column;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-bottom:20px;transition:transform .2s ease-in-out}.news-card:hover{transform:scale(1.04)}.news-card:focus{transform:scale(1.04)}.news-card .news-container{justify-content:center;align-items:center}.news-card .image-container{display:flex;justify-content:center;height:300px;width:100%;img {width: 1000px;}}.news-card .image-container:hover{opacity:.8}.news-card .content{padding:0 16px}.news-card .content .title{font-size:1.25rem;font-weight:800;margin-bottom:8px;color:#000}.news-card .content .description{font-size:1rem;color:#333;margin-bottom:12px}.news-card .content .source{font-size:.875rem;color:#777;margin-bottom:4px}.news-card .content .published-at{font-size:.875rem;color:#777;margin-bottom:12px}.news-card .content .read-more{font-size:1rem;text-decoration:none;color:#007bff}.news-card .content .read-more:hover{text-decoration:underline}.password_generator{width:80%;margin:2em auto}.password_generator_top_section{display:flex;gap:1.5em}.password_generator_output_container{display:flex;border-radius:10px;background:#353535;border:1px solid #dddddd;align-items:center;padding-right:20px;flex:5}.password_generator_output_container input{padding:14px;width:100%;outline:none;line-height:30px;caret-color:#1c1c1c;background-color:transparent;font-size:16px;border-radius:10px;transition:all .3s ease-in;color:#fff;font-weight:600;font-size:1.5rem}.password_generator_output_container .right-icon{font-size:25px;cursor:pointer;border:none}.password_generator_refresh_password{flex:.5}.password_generator_tooltip-container{position:relative}.password_generator_tooltip-text{background-color:#333;color:#fff;text-align:center;border-radius:4px;padding:6px;position:absolute;z-index:1;bottom:50%;left:90%;font-size:12px;opacity:0;transition:all .2s ease-in-out}.password_generator_tooltip-text.visible{opacity:1}.password_generator_customizable_options__length{display:flex;align-items:center}.password_generator_customizable_options__checkbox{position:relative;border-radius:4px;background:none;cursor:pointer;line-height:0;margin:0 .6em 0 0;outline:0;padding:0!important;vertical-align:text-top;height:18px;width:18px;opacity:.5;transition:all .2s ease-in-out}.password_generator_customizable_options__checkbox:hover{opacity:1}.password_generator_customizable_options__checkbox:checked{opacity:1;border:none}.container{width:50vw;display:flex;flex-wrap:wrap;margin:50px auto auto;border:10px solid white}.button-container{display:flex;justify-content:center;align-items:center;gap:20px;padding-top:50px}.sketch-button{font-size:1.4rem;border-radius:10px;background:linear-gradient(green,royalblue)}.color-container{display:flex;justify-content:center;align-items:center;gap:10px}.game-container{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px}.game-container .restart{background-color:#007bff;padding:20px;font-size:1.4rem}.game-container .box1{display:flex;justify-content:space-between;gap:20px;button:active {transition: 1s; transform: scale(.8); background-color: royalblue;}}.game-container .box1 button{padding:20px;display:flex;justify-content:center;align-items:center;font-size:1.4em;border-radius:10px;background-color:#4169e1}.game-container .box2{display:flex;justify-content:space-between;gap:20px;font-size:1.8em;text-align:center;align-items:center}.game-container .box2 .box{display:flex;flex-direction:column;text-align:center;align-items:center;border:2px solid black;padding:10px}.game-container .output1{font-size:1.1rem;margin:20px auto auto;text-align:center}.game-container .output{font-size:1.4rem;margin:auto;text-align:center;font-weight:700}.type-health-bar{position:relative;width:60%;height:12px;left:50%;transform:translate(-50%);border-radius:4px;background-color:#ddd}.type-health{margin-top:20px;height:inherit;border-radius:inherit;position:relative;background-color:#27ae60}.type-mono{font-family:Courier New,Courier,monospace}.type-green{display:inline;background-color:#92f77e}.type-red{display:inline;background-color:#f7887e}.type-gray{display:inline;color:gray}.type-none{display:inline}.card-game-container{display:flex;flex-direction:column;align-items:center;text-align:center}.card-grid{display:grid;grid-template-columns:repeat(4,100px);gap:10px;margin-top:20px}.card{width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border:2px solid #000;cursor:pointer;background-color:#353535;border:1px solid #3333331b;box-shadow:0 0 10px #00000080;color:#000;border-radius:5px;transition:transform .3s ease-in-out}.card.flipped{background-color:#f0f0f0;transform:rotateY(180deg)}.card.flipped .card-content{transform:rotateY(-180deg)}.card.matched{background-color:#7eff80;cursor:not-allowed}.play-again-button{margin-top:20px;padding:10px 20px;font-size:16px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease-in-out}.play-again-button:hover{background-color:#45a049}.snakeGame--main{height:500px;display:flex;justify-content:space-between;align-items:center;position:relative}.snakeGame--keys{width:500px;height:150px;border:1px solid white;font-family:monospace;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center}.snakeGame--keys2{display:flex;flex-direction:row;width:65%;justify-content:space-between;align-items:center}.snakeGame{width:500px;aspect-ratio:1;border:10px solid white;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:monospace;border-radius:10px}.snakeGame--button{font-family:inherit;font-size:1.5rem;border-radius:10px;color:#000;width:150px;height:50px;border:none;background-color:#e73d9f;font-weight:600;z-index:4;cursor:pointer}.snakeGame--text{color:#eb2d2d;z-index:4;opacity:.5}.snakeGame--arrow-msg{font-size:1rem;margin:10px}.snakeGame--game-over{font-size:3rem}.snakeGame--count{position:absolute;font-size:2rem;bottom:0;color:#eb2d2d;opacity:.5}@media (max-width: 768px){.snakeGame--main{flex-direction:column;height:auto;width:100%}.snakeGame{width:100%}}