:root {
    --title: white;
    --mainoutline: rgb(0 128 255);
    --label: white;
    --input_text: white;
    --input_outline: rgb(0 99 198);
    --input_backgroundcolor: rgb(37 37 37);
    --button_outline: rgb(0 106 157);
    --button_background: rgb(0 73 108);
    --button_text: white;
}

body {
    background-image: url("../backgrounds/2k_stars.jpg");
    font-family: sans-serif;
}


.reg {
    margin: auto;
    width: 600px;
    /*margin-right: 600px;*/
    height: 600px;
    color: white;
    /*background-color: rgb(13 15 36);*/
    background-color: rgb(8 8 8);
}


.description {
  display:block;
    text-align:center;
    font-size:14px;
    width:auto;
    color: khaki;
}


fieldset {
    margin: 2px 2px -4px 2px;
    height: 97%;
    border-color: var(--mainoutline);
    border-radius: 10px;
    border-width: 2px;
}

legend {
    margin: 0 auto;
    font-family: sans-serif;
    font-size: 18px;
    /*color: rgb(50 50 255 / 1.0);*/
    color: var(--title);
    text-align: center;
    padding: 20px;
    /*width: 65%;*/
}

hr {
    border-color: var(--mainoutline);
    width: 75%;
    height: 1px;
}



label {
    display: inline-flex;
    font-size: 15px;
    color: var(--label);
    width: 100px;
}

input {
    display: inline;
    font-size: 15px;
    background-color: var(--input_backgroundcolor);
    padding: 5px 5px 5px 5px;
    border-color: var(--input_outline);
    border-style: ridge;
    border-radius: 7px 7px;
    color: var(--input_text);
}



button {
    background-color: var(--button_background);
    border-color: var(--button_outline);
    color: var(--button_text);
    width: 330px;
    height: 44px;
    font-family: sans-serif;
    font-size: 17px;
    border-radius:4px;
}


.submitbuttons {
    display:initial;
    
}