aquamain.css

:root {--red:#bf616a;--orange: #d08770;--yellow: #ebcb8b;--green: #a3be8c;--blue1:#8fbcbb;--blue2:#88c0d0;--blue3:#81a1c1;--blue4:#5e81ac;--purple: #b48ead;--default:#2e3440; --default2:#3b4252;--default3:#434c5e; --bhover:#4c566a; --text: #eceff4}

button {border: none;transition:filter 300ms;margin-right: 7px;font-family: inherit;border-radius: 9px; padding: 10px; background: var(--default3); color:var(--text);}
button:hover {filter: brightness(90%);}
textarea {resize: none;font-family: inherit; padding: 10px;border-radius: 10px; background: var(--default2); color:var(--text); width: 70%; display: block;border:0px;}
body{font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Segoe UI Emoji,Apple Color Emoji,Noto Color Emoji,sans-serif;margin: 0px;background: var(--default); color:var(--text);}
input[type=radio] {display:initial }
input {border: 3px solid rgba(0, 0, 0,0);border-radius: 8px;padding: 10px;font-family: inherit;transition: border-bottom 200ms;outline: none;font-weight: 900; background: var(--default3);color: var(--text); display:block ; margin-bottom: 6px;}
input:disabled {color: var(--red); cursor: (not-allowed);}
input:focus {border-bottom: 3px solid var(--blue4);}
a {text-decoration: none; background-color: inherit; color:var(--text)}
select {padding: 5px 5px;border: 1px solid;border-radius: 4px; background:var(--default); color:var(--text)}
body{margin:0px;}
table {border:1px;width: 100%;color:#b48ead; margin-bottom: 6px;}
th, td {text-align:center;padding: 8px 5px;}
tr:nth-child(even) {background-color: #434c5e;}
tr:nth-child(odd) {background-color: #4c566a;}
pre{background: var(--default2); width:60%;border-radius:15px;text-align:left; padding: 10px;}
code {background: var(--default2); color: var(--blue2); padding: 2px}
details {background :var(--default2); padding: 10px;)}
blockquote {border-left: 5px solid var(--purple); padding: 10px;font-style: italic;}
a {color: var(--green);}