@import "nav-buttons.css"; @import "instructions.class"; .title { font-size: 42px; background-image: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: 0%; } .text-gradient { background-image: var(--accent-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 400%; background-position: 0%; } .menu { text-align: center; } .content { width: 90%; max-width: 75em; margin: auto; padding: 0.5em; margin-top: 1em; margin-bottom: 1em; border: 3px solid var(--accent-color); border-radius: 5px; opacity: 0.9; background: rgba(0, 0, 0, .66); -webkit-box-shadow: 0 0 20px var(--accent-color); -moz-box-shadow: 0 0 20px var(--accent-color); box-shadow: 0 0 20px var(--accent-color); } .small-quote { font-size: smaller; color: #a6adc8; } textarea { -webkit-box-shadow: 0 0 20px var(--accent-color); -moz-box-shadow: 0 0 20px var(--accent-color); box-shadow: 0 0 20px var(--accent-color); resize: none; } textarea, select { width: 82%; appearance: none; outline: none; font-family: inherit; background: transparent; color: inherit; border-bottom: 1px solid currentColor; border-radius: 10px; }