*{
    color:white;
    font-family: "kanit";
    font-size: 14px;
    font-weight: 500;
}
body{
    margin: 0px;
    background-color: rgb(36, 56, 137);
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background-image: url("path859.png");
    background-repeat: no-repeat;
    background-size: 50%;
    background-position-x:60vw;
    background-position-y:30vh;
    background-origin: content-box;
}
h1{
    font-size: 20px;
}
a{
    text-decoration: none;
}
fieldset{
    padding:0px;
    background-color: rgb(42, 67, 165);
    border: 2px solid rgb(28, 43, 102);
}
form *{
    color:black;
}
main{
    /*border:2px solid rgb(28, 43, 102);*/
    min-height: 79vh;
    padding:30px;
    margin: auto;
    display:flex;
    flex-direction: column;
}
#SearchMain *{
    align-self: center;
}
#UserMain *{
    align-self: center;
}
button{
    color:black;
}

nav{
    margin-bottom:0px;
    padding: 0px;
    padding-top:10px;
    padding-bottom:10px;
    background-color: rgb(42, 67, 165);
    border-bottom:2px solid rgb(28, 43, 102);
    text-align: center;
}
nav ul{
    margin:0px;
    padding:0px;
}
nav ul li{
    margin:5px;
    display: inline;
}

/*Table*/
table{
    border:2px solid rgb(28, 43, 102);
    border-collapse: collapse;
    display:table-cell;
    width: fit-content;
}
th{
    padding:2px;
    padding-left: 4px;
    padding-right: 4px;
}
tr{
    border:2px solid rgb(28, 43, 102);
}
td{
    padding:2px;
    padding-left: 4px;
    padding-right: 4px;
    border:2px solid rgb(28, 43, 102);
}

/*Events*/
#EventMain *{
    /*flex-direction: row;*/
    align-self: center;
}
#EventMain ul{
    list-style: none;
    padding:0px;
    margin-top:0px;
    width: 50%;
}
#EventMain ul li{
    border: 2px solid rgb(28, 43, 102);
    border-top: none;
    background-color: rgb(42, 67, 165);
    padding:20px;
}
#EventMain #FirstLi{
    border: 2px solid rgb(28, 43, 102);
}
#EventManager{
    /*align-self:flex-end;*/
    width: 30%;
    padding:0px;
    margin: 0px;
    margin-bottom: 20px;
}
#EventManager *{
    padding:0px;
    margin:  0px;
}
#EventManager fieldset{
    margin-bottom: 10px;
}
#EventManager input{
    width: 99%;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}
#EventManager select{
    width: 100%;
    margin-bottom: 10px;
}
#EventManager input[type="submit"]{
    float:left;
    width: 100%;
}


#NewEvent{
    /*width: 15%;*/
    padding:20px;
}
#DeleteEvent{
    /*width: 15%;*/
    padding:20px;
}

/*EventInfo*/
#EinfoMain{
    /*flex-direction: row;*/
}
#EinfoMain h1{
    width: 100%;
    text-align: center;
}
#EinfoMain *{
    align-self: center;
}
#EinfoContent {
    margin-bottom: 20px;
}
#ManageAttendee{
    border: none;
}
#ManageAttendee form select{
    width:20ch;
}
#ManageAttendee form input{
    margin-top:10px;
}
#FormAddAttendee{
    margin: 0px;
    padding:20px;
    padding-bottom: 36px;
    border-bottom: none;
}
#FormRemoveAttendee{
    margin: 0px;
    padding:20px;
    padding-bottom: 36px;
}

/*Search*/
#Search{
    background-color: rgb(36, 56, 137);
    border:none;
    margin-bottom: 15px;
    margin-left: 0px;
}
#SearchMain p{
    margin-top: 0px;
    margin-bottom: 0px;
}
.result{
    margin-top: 0px;
    margin-bottom:5px;
}

/*User*/
#ManageAccountMain fieldset{
    padding:10px;
}
#ManageAccountMain *{
    align-self: center;
    margin: 5px;
}
#ManageAccountMain form input[type="submit"]{
    position: relative;
    margin-left: 20%;
    margin-right: auto;   
}
button{
    margin-top: 20px;
}

/*Footer*/
#KeepsFooterDown{
    flex:1;
} 
#EmptyMain{
    min-height: 79vh;
}

footer{
    position: sticky;
    background-color: rgb(42, 67, 165);
    width: 100%;
    text-align: center;
    border-top:2px solid rgb(28, 43, 102);
    padding-top:10px;
    padding-bottom: 10px;
    bottom: 0;
}
footer h1{
    margin:0px;
}
#LoginMain{
    align-items: center;
}
#LoginMain fieldset{
    padding: 10px;
}
#LoginMain form *{
    margin:5px;
    margin-left: auto;
    margin-right: auto;
}
#LoginMain input[type="submit"]{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#NewAccountMain{
    align-items: center;
}
#NewAccountMain fieldset{
    padding: 10px;
}
#NewAccountMain form *{
    margin:5px;
    margin-left: auto;
    margin-right: auto;
}
#NewAccountMain input[type="submit"]{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#DeletionMain {
    align-items: center;
}
#DeletionMain fieldset{
    padding: 10px;
}
#DeletionMain input{
    width: 100%;
    margin: 5px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}