limepot-xyz/public/css/classes.css
2024-07-11 04:42:43 -06:00

63 lines
No EOL
1.3 KiB
CSS

@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;
}