limepot-xyz/public/css/classes.css

63 lines
1.3 KiB
CSS
Raw Normal View History

2024-07-03 23:32:50 -06:00
@import "nav-buttons.css";
@import "instructions.class";
2024-06-17 15:56:06 -06:00
.title {
2024-07-04 07:12:56 -06:00
font-size: 42px;
2024-06-17 15:56:06 -06:00
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
2024-06-25 15:19:47 -06:00
}
.text-gradient {
background-image: var(--accent-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 400%;
background-position: 0%;
}
2024-07-03 23:32:50 -06:00
.menu {
text-align: center;
2024-07-04 07:12:56 -06:00
}
.content {
2024-07-04 21:12:25 -06:00
width: 90%;
2024-07-04 07:12:56 -06:00
max-width: 75em;
margin: auto;
padding: 0.5em;
margin-top: 1em;
margin-bottom: 1em;
2024-07-08 17:16:08 -06:00
border: 3px solid var(--accent-color);
2024-07-04 07:12:56 -06:00
border-radius: 5px;
opacity: 0.9;
2024-07-04 20:47:45 -06:00
background: rgba(0, 0, 0, .66);
2024-07-08 17:16:08 -06:00
-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);
2024-07-04 07:12:56 -06:00
}
.small-quote {
font-size: smaller;
color: #a6adc8;
2024-07-06 16:45:47 -06:00
}
textarea {
2024-07-08 17:34:37 -06:00
-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);
2024-07-08 18:57:52 -06:00
resize: none;
2024-07-08 17:34:37 -06:00
}
textarea,
select {
2024-07-08 17:16:08 -06:00
width: 82%;
2024-07-06 16:45:47 -06:00
appearance: none;
outline: none;
font-family: inherit;
background: transparent;
color: inherit;
border-bottom: 1px solid currentColor;
2024-07-08 17:16:08 -06:00
border-radius: 10px;
2024-06-17 15:56:06 -06:00
}