*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif}:root{--background-color: #181818;--primary-text-color: #e8e8e8;--border-color: #333333;--shadow-color: #000}@media (prefers-color-scheme: light){:root{--background-color: #f0f0f0;--primary-text-color: #181818;--border-color: #cccccc;--shadow-color: #aaa}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background-color);color:var(--primary-text-color)}.home-header{display:flex;align-items:center;padding:0 20px;box-shadow:0 4px 12px var(--shadow-color);height:clamp(40px,9vw,90px)}.title,.icon{height:100%}.title-container{height:70%}.icon-container{height:60%;margin-right:15px}.settings-container{margin-left:auto;height:60%}.settings-icon{height:100%;width:auto;color:var(--primary-text-color);transition:all .3s ease}.settings-icon:hover{animation:rainbow-glow 1s linear infinite}@keyframes rainbow-glow{0%{filter:drop-shadow(0 0 5px #ff0000) saturate(1.5)}16.66%{filter:drop-shadow(0 0 5px #ff8800) saturate(1.5)}33.33%{filter:drop-shadow(0 0 5px #ffff00) saturate(1.5)}50%{filter:drop-shadow(0 0 5px #00ff00) saturate(1.5)}66.66%{filter:drop-shadow(0 0 5px #00ffff) saturate(1.5)}83.33%{filter:drop-shadow(0 0 5px #0088ff) saturate(1.5)}to{filter:drop-shadow(0 0 5px #ff00ff) saturate(1.5)}}.test{height:80%;border:red 2px solid}.home-content{padding:20px}@media (prefers-color-scheme: light){img.invert-light{filter:invert(1)}}