.mainbody {
  background: url(../../assets/img/fullbg.jpg) no-repeat;
  background-size: cover;
}

#header-jumbo {
  border-radius: 20px;
  max-width: 800px;
  padding: 10px;
  margin: 10px auto 30px auto;
  background-color: rgb(255,255,255,0.75);
}

#jumbo-container {
  margin-top: 50px;
}

#fb-nav i {
  font-size: 25px;
  color: rgb(22,141,227);
}

#ws-nav i {
  font-size: 25px;
  color: rgb(23,197,23);
}

.navbar.navbar-light.navbar-expand-md {
  background: rgb(0,0,0,0.75);
}

.navbar.navbar-light.navbar-expand-md a {
  color: white;
}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
  color: white;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: white;
  background-color: rgb(255,255,0,0.3);
}

.img-fluid {
  max-width: 100px;
  height: auto;
}

#body-row {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#Online-status {
  width: 50px;
  margin-top: 5px;
  height: auto;
}

#status-word {
  margin-top: 10px;
}

#header-logo {
  width: 40px;
  height: auto;
}

#mega {
  width: 200px;
}

#Body-Content {
  background-color: rgb(255,255,255,0.25);
  border-radius: 20px;
}

#Body-Content1 {
  margin: 60px auto;
  max-width: 400px;
  border-radius: 20px;
  align-content: center;
  align-items: center;
  background-color: rgb(240,198,235,0.90);
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem rgba(38,143,255,.5);
}