:root {
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;

color-scheme: dark;
color: rgba(255, 255, 255, 0.87);
background-color: #000000;

font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%;
background-image: url("bg.gif");
background-repeat: repeat;
background-size: fixed;
background-attachment: fixed;
}

.hidden-input {
display: none;
}

li {
list-style-type: none;
}

html, body{
scroll-behavior: smooth;
}

h1 {
font-size: 3.2em;
line-height: 1.1;
text-align: center;
position: sticky;
top: 0;
background-color: rgb(20, 0, 0);
}

main{
max-width: 800px;
margin: auto;
}

p{
background-color: rgb(20, 0, 0);
max-width: 80%;
padding: 20px;
border-radius: 15px;
}

p span{
margin: 2px;
}

p span:first-child{
margin-right: 0;
}

.user_msg{
text-align: center;
margin-left: 30%;
display: flex;
flex-direction: row-reverse;
}

.hide {
visibility: hidden;
display: none;
}

form{
text-align: center;
position: sticky;
bottom: 0;
}

input{
width: 100%;
height: 40px;
padding: 10px;
font-size: 1.2rem;
background-color: rgb(48, 0, 0);
}

input:focus{
outline: none;
border: whitesmoke solid 1px;
}

il.suggested-parameters{
list-style-type: none
}

.suggested-parameters{
width: 100%;
padding: 10px;
font-size: 1.2rem;
background-color: rgb(15, 0, 0);
align-items: center;
text-align: center;
}

button.suggested-parameters {
width: 20%;
height: 40px;
padding: 10px;
font-size: 1.2rem;
background-color: rgb(48, 0, 0);
border: black solid 1px;
color: white;
}

button{ width: 20%;
height: 50px;
padding: 10px;
font-size: 1.0rem;
background-color: rgb(20, 0, 0);
border: rgb(240, 236, 236) 1px solid;
color: rgb(255, 255, 255);}

.option-button {
width: 30%;
margin-right: 30px;
border-spacing: 3px;
height: auto;
padding: 20px;
font-size: 1.0rem;
background-color: rgb(20, 0, 0);
border: rgb(255, 255, 255) 1px solid;
color: rgb(255, 255, 255);
}

.option-button:hover {
background-color: rgb(48, 0, 0);
color: rgb(234, 255, 0);
}

.options {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
margin: 20px;
}

Edit

Pub: 11 May 2023 22:34 UTC

Views: 248