@import"https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&display=swap";body{background:linear-gradient(to right,#f9f9f9,#e0f7fa);flex-wrap:wrap;background:#000}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh}.idea-input{width:90%;height:55%;border-radius:5px}@media (max-width: 500px){.idea-input{width:70%}}.idea-input textarea{display:flex;align-items:center;justify-content:center;height:100%}#idea{display:flex;flex-direction:column;margin-bottom:20px;width:100%;height:100%}textarea{resize:none;padding:10px;font-size:1rem;border-radius:8px;border:1px solid black}.saved-ideas ul{list-style-type:disc;padding-left:20px}.saved-ideas{color:#fff;width:100%;height:100%}h1{font-weight:700}body h4{color:#ff0;text-shadow:#fc0 1px 0 10px;height:22%;text-align:center}body>canvas{border:1px solid white;background-color:transparent;z-index:10}.banner{margin-bottom:2.5%}.idea-container{position:absolute;left:76%;display:flex;justify-content:center;align-items:center}*{box-sizing:border-box;padding:0;margin:0;font-family:TikTok Sans,sans-serif;font-optical-sizing:auto;font-weight:400}form .buttons{width:100%;height:25%;display:flex;justify-content:center}#btn-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:25px}#increment-btn{transition:all .3s ease;font-weight:700;border:none;border-radius:20px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s;border:.00001px solid rgb(74,73,73);width:85px;height:40px}#increment-btn{box-shadow:0 0 10px #a9a9a9,0 0 20px #f5f5f5}#increment-btn:hover{border:2px solid aqua;color:#2f4f4f;background-color:#3396ed;box-shadow:0 0 10px #00f,0 0 20px #00f,0 0 30px #0ff}#increment-btn:before{content:"turn";font-size:16px}#increment-btn:hover:before{content:"ON";font-size:16px}#save-btn{transition:all .3s ease;font-weight:700;border:none;border-radius:20px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s;border:.00001px solid rgb(74,73,73);display:none;width:85px;height:40px}#save-btn{box-shadow:0 0 10px green,0 0 20px #0f0}#save-btn:hover{border:2px solid lime;color:#2f4f4f;background-color:#d9f2b5;box-shadow:0 0 10px green,0 0 20px green,0 0 30px #0f0}#save-btn:before{content:"save";font-size:16px}#save-btn:hover:before{content:"SAVE";font-size:16px}#reset-btn{transition:all .3s ease;font-weight:700;border:none;border-radius:20px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s;border:.00001px solid rgb(74,73,73);display:none;width:85px;height:40px}#reset-btn:before{content:"reset";font-size:16px}#reset-btn:hover:before{content:"RESET";font-size:16px}#reset-btn{box-shadow:0 0 10px gold,0 0 20px #ff0}#reset-btn:hover{border:2px solid gold;color:#2f4f4f;background-color:#f7fb98;box-shadow:0 0 10px #ff0,0 0 20px #ff0,0 0 30px #ffdead}#trash-btn{transition:all .3s ease;font-weight:700;border:none;border-radius:20px;background-color:#000;color:#fff;cursor:pointer;transition:background-color .3s;border:.00001px solid rgb(74,73,73);display:none;width:85px;height:40px}#trash-btn{box-shadow:0 0 10px #f60101,0 0 20px #fa7878}#trash-btn:hover{border:2px solid crimson;color:#2f4f4f;background-color:#ed3333;box-shadow:0 0 10px red,0 0 20px red,0 0 30px #dc143c}#trash-btn:before{content:"trash";font-size:16px}#trash-btn:hover:before{content:"TRASH";font-size:16px}form{border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:600px;height:350px;color:#fff;background-size:contain;border-top:2px solid plum;border-right:2px solid blue;border-bottom:2px solid lime;border-left:2px solid orange}form:after{position:absolute}