body {
    background-image: url(images/wauuimage1.jpg);
    background-repeat:repeat;
    background-size: cover;

}

.banner {
    /* text-shadow: .1em .1em .9em white; */
    /* box-shadow: 1px 1px 19px 15px black; */
    /* display: inline-block; */
    margin: 0vh auto;
    text-align: center;
    box-shadow: none;
    /* background-color: aliceblue; */
}

h1 {
    box-shadow: none;
    background-color: rgb(110, 59, 59);
    color: black;
    display: inline-block;
}

a {
    text-decoration: none;
    color: rgb(158, 60, 60);
}


/**\*//**\*//**\ !!!DASHBOARD NAV !!! /**\*/
.dash{
    /* background-color: purple; */


}

.dash-nav {
    margin: 32vh auto 44vh;
    /* background-color: turquoise; */
    width: 70vw;
    text-align: center;
}

.dash-nav > a {
    margin: 0 auto;
    color: tomato;
    border: 5px solid white;
    /* border-left: 2px solid green; */
    border-radius: 20px;
    display: inline-block;
    margin: 1.2rem;
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 8px;
    /* box-shadow: 1px 1px 19px 15px black; */
    background-color: rgb(110, 59, 59);
}

.dash-nav a:hover{
    color: green;
    background-color: #fff;
    transition: 0.5s;
       
}
a:hover{
    transition: 1s;
}


.index > a {
    color: red;
}

/**\*//**\*//**\ !!!LOG IN/ SIGN OUT !!! /**\*/
.signLog, #editUserForm {
    /* background-color: aliceblue; */
    width: 20vw;
    margin: 20vh auto 3vh;
    border-radius: 19px;
    overflow: auto;
}


#editUserForm {
    margin: 20vh auto 30vh;
    box-shadow: 1px 1px 19px 2px black;

}

.log-in {
    border-left: 2px solid green;
    border-right: 2px solid green;
}

.sign-up {
    border-left: 2px solid red;
    border-right: 2px solid red;
}

div.username > label, div.password > label, div.role > label {
    /* color: yellow; */
    /* background-color: tomato; */
    margin-right: 20px;
}

.pWord > input {
    /* margin-left: 50px; */
    /* background-color: yellowgreen; */
}

.roll > input {
    /* margin-left: 90px; */
}

.logInput {
    /* background-color: springgreen; */
    margin: 9px auto;
}

.login {
    box-sizing: border-box;
    overflow: hidden;
}

div.login > input:hover {
    background-color: #2b2b3f;
    transition: 0.5s;
}




/**\*//**\*//**\ !!!FORMS !!! /**\*/
.form {
    width: 50vw;
    /* min-width: 300px; */
    /* max-width: 600px; */
    margin: 8vh auto;
    padding-bottom: 2em;
    /* background-color: black; */
    box-shadow: 1px 1px 19px 20px black;
    padding: 1px 2rem 2rem;
    border-radius: 10px;
}

.form-content {
    margin: 0 auto;
}

.form-top {
    text-align: center;
    font-size: 2rem;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

/* form > div {
    text-align: center;
    font-size: 2rem;
    margin-top: 1.3em;
    margin-bottom: 1.3em;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
} */

fieldset {
    border: none;
    padding: 2rem auto;
    border-bottom: 3px solid #3b3b4f; 
}

fieldset:last-of-type {
    border-bottom: none;
}

.formLabel {
    display: block;
    margin: 1rem 0 0 0;
    font-size: 1em;
    /* background-color: black; */
}

.formInput {
    width: 100%;
    display: inline-block;
    height: 30px;
    border-radius: 20px;
    /* margin: 0px; */
    margin: 0 auto;
}

input:hover {
    background-color: #008080;
}

input, textarea, select {
    /* margin: 10px 0 0 0; */
    /* width: 60%; */
    min-height: 2em;
}

input, textarea {
    background-color: #004040;
    border: 1px solid #0a0a23;
    color: #ffffff;
}

.inline {
    width: unset;
    margin: 0 0.5em 0 0;
    vertical-align: middle; 
}

input[type="submit"] {
    display: block;
    width: 20vw;
    margin: 1em auto;
    height: 2em;
    font-size: 1.1rem;
    background-color: #3b3b4f;
    /* border-color: white; */
    /* min-width: 300px; */
    border-radius: 20px;
}

input[type="submit"]:hover {
    background-color: #2b2b3f;
}

label#searchLabel {
    color: white;
    /* width: 20%; */
    display: inline-block;
    font-size: 1.3em;
    margin-right: auto;
    font-weight: bold;
}

input#searchInput {
    display: inline-block;
    width: 72%; 
    /* margin-bottom: 3px; */
    margin-top: 5px;
    height: 20px;
}


input#searchSubmit {
    width: 97%;
    height: 23px;
    margin-top: 5px;
    margin-bottom: 50px;
}

input#searchSubmit:hover {
    background-color: #2b2b3f;
}

div.search {
    width: 20%;
    margin: auto;
    margin-top: 4vh;
    /* background-color: wheat; */
}

/* #editUserForm {
    display: flex;
}

#editUserLabel {
    background-color: violet;
}

input#editUser .b {
    width: 20%;
    background-color: yellowgreen;
    margin-left: 30%;
} */





/**\*//**\*//**\ !!!TABLES !!! /**\*/
table {
    table-layout: fixed;
}

.table {
    margin: 0 auto;
    border-collapse: collapse;
    font-family: 'Poppins', sans-serif;
    background-color: darkslategray;
    color: #ffffff;
    box-shadow: 1px 1px 19px 15px black;
}

.table tr:hover {
    background-color: #333333;
}

th {
    background-color: #1b1b32;
    /* text-shadow: .1em .1em .9em greenyellow; */
    font-size: 18px;
    font-weight: bold;
    color: #dadada
}


td, th {
    border: 1px solid white;
    padding: 12px;
}



.info {
    /* background-color: violet; */
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    margin-top: 2vh ;
}

.infoContent {
    /* background-color: tan; */
    width: 50vw;
    margin: 0 auto;
    box-shadow: 1px 1px 19px 5px black;
}

.infoContent > p {
    /* background-color: royalblue; */
    margin: 0px 1.2rem;
}

.infoHead {
    /* background-color: tomato; */
    width: 50%;
    margin: 0 auto 0;
    text-align: center;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 20px;
    padding: 1px;
}

.points > p {
    /* background-color: sienna; */
    display: inline;
    margin: 0px 0px;
    
}

.points {
    margin: 8px 1.2rem 22px 1.2rem;
    display: inline-block;
    /* margin: 1.2rem; */
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
}