#alogin {
  background: linear-gradient(0deg, rgb(27, 28, 30) 7%, rgb(113, 149, 149) 91%);
  width: 60%;
  margin-top: 10%;
}
#alogin form input[type='text'] {
  width: 96%;
  background-color: #cccccc;
}
#alogin form input[type='password'] {
  width: 96%;
  background-color: #cccccc;
}
#alogin form input[type='submit'] {
  background-color: #999999;
}
#alogin form input[type='submit']:hover {
  background-color: #666666;
}
#qupdate {
  background-color: #5f9ea0;
  border-radius: 40%;
  width: 60%;
}
#qupdate input[type='text'] {
  width: 60%;
  background-color: #cccccc;
}
#qupdate textarea {
  width: 80%;
  background-color: #cccccc;
}
#qupdate select {
  width: 30%;
  background-color: #3399ff;
}
#qupdate input[type='submit'] {
  background-color: #0099cc;
}
#qupdate input[type='submit']:hover {
  background-color: #3399ff;
}
.cav {
  max-width: 40%;
  padding: 1.5em;
  background-color: #5f9ea0;
  color: #000000;
  float: left;
  max-width: 160px;
  margin-top: 0%;
  font-size: 18px;
  border-color: #cccccc;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

.cav ul {
  list-style-type: none;
  padding: 0;
}

.cav ul li img {
  width: 30px;
  height: 32px;
  border-radius: 50%;
}
#investments {
  background-color: #ffffff;
  color: #3399ff;
  margin-left: 20%;
  margin-right: 20%;
  border-radius: 10px;
}
#query {
  background-color: #cccccc;
  border-color: #996600;
}
#query th {
  background-color: #3333ff;
  border-color: #996600;
}
#usersearch {
  width: 100%;
}
#usersearch input[type='text'] {
  width: 50%;
  border-color: #996600;
}
#usersearch input[type='submit'] {
  background-color: #cc0033;
}
#usersearch input[type='submit']:hover {
  background-color: #990000;
}
#post {
  width: 100%;
}
#post input[type='text'] {
  width: 60%;
  border-color: #996600;
}
#post textarea {
  width: 60%;
  border-color: #996600;
}
#post p select {
  width: 60%;
  border-color: #996600;
}
#post input[type='submit'] {
  background-color: #cc0033;
}
#post input[type='submit']:hover {
  background-color: #990000;
}
#news {
  width: 80%;
}
#b tr td,
th {
  border-color: #ffffff;
}
#b tr td form input {
  background-color: #996600;
}
#b tr td form input:hover {
  background-color: #999933;
}
#table tr td {
  background-color: #999999;
  width: 100%;
}
#table tr th {
  background-color: #333333;
  width: 100%;
}
#field {
  width: 100%;
  background-color: #333333;
}
#field form input {
  width: 50%;
}
#field form input[type='submit'] {
  background-color: #3399ff;
}
#field form input[type='submit']:hover {
  background-color: #5f9ea0;
}
@media (max-width: 600px) {
  #news {
    width: 100%;
  }
  #alogin {
    width: 90%;
    margin-top: 50%;
  }
  #post textarea {
    width: 94%;
    border-color: #996600;
  }
  #post p select {
    width: 94%;
    border-color: #996600;
  }
  #post input[type='text'] {
    width: 80%;
    border-color: #996600;
  }
  #investments {
    margin-left: 0%;
    margin-right: 0%;
  }
  #usersearch input[type='text'] {
    width: 80%;
    border-color: #996600;
  }
  #qupdate {
    width: 100%;
  }
  .cav {
    display: none;
  }
}

body {
  background-image: url('../img/aimg.jpg');
}