list.css

body{
	background: #383a3d !important;
	background-image:url("https://images.pexels.com/photos/531880/pexels-photo-531880.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940") !important;
	padding-top: 25vh;	
	padding:5%;
	width: 100%;
}
form{
	background: #fff;
}
.form-container{
	border-radius: 10px;
	padding: 30px;
	border:solid 1px #383a3d;
	margin-top: 50px;
}

.navbar{
    margin-top:3%;
    width:100%;
    height: 140px;
    margin-left:auto;
    margin-right: auto;
    background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
    z-index:9;
	border-radius: 0.5em;
	border:1px solid black;
}

.nav-item
{
    font-size: 15px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-style: oblique;
    font-weight:700;
}
@media only screen and (min-width:600px) 
{
	.nav-item
	{
		margin: 200px;
		font-size: 25px;
	}
}

.signout
{
	height:12vh;
	text-align: right;
	background-image: linear-gradient(135deg, #f5f7fa 0%, #7c8697 100%);
	border-radius: 5px;
	border: 1px solid black;
}

.logout
{
	margin-top:1em;
	margin-right: 25px;
	border-radius:10%;
	height:2em;
	border: 0.5px solid rgb(49, 48, 48);
	height:60%;
	background-color: rgb(39, 38, 38);
	color: white;
	
}

#title{
	text-align: center;
	background-color: rgba(48,49,49,0.9);
	border-radius:0.2em;
	padding:1%;
	margin-top: 2% !important;
	border:2px solid rgb(0, 0, 0);
	font-weight: bold;
	color:white;
	border-collapse:collapse;
}
#tb{
   margin-top:2%;
   padding:1%;
   background-color: rgba(48, 49, 49, 0.9);
   border-radius:1em;
   width: 100%;
}

th{
   color: rgb(192, 192, 192);
   text-align: center !important;
   font-size: 20px;
   margin: 0.2em;
}
th, td{
   padding: 15px;
   font-weight: bolder;
   color:rgb(219, 203, 203);
   text-align:center;
   border: 2px solid rgb(155, 151, 160);
}
tr:nth-child(odd) {background-color: #2c2b2b;}
tr:hover
{
	background-color: #4b4949;
}