main2.css

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body,
html {
  height: 100%;
}

nav .images {
  width: 28%;
}

nav button {
  width: 10%;
  height: 9vh;
  border: none;
}

nav a {
  width: 40%;
}

nav button img {
  width: 65%;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #97bf0f !important;
  color: white !important;
}

#side-bar {
  width: 20%;
  background-color: rgb(251 249 249);
}

#side-bar nav {
  width: 75%;
  border-right: 1px solid #e5e5e5;
  background-color: white;
}

#side-bar nav ul a {
  font-size: 1.2em;
  font-weight: 700;
  color: black;
  text-align: left;
  text-transform: uppercase;
}

#second-half {
  width: 88%;
  padding-top: 3em;
  background-color: white;
}

#second-half form {
  margin-top: 2em;
  border-radius: 1.5em;
  color: black;
  font-weight: 300;
  font-size: 1.3em;
}

#second-half .form-title span {
  border-bottom: 3.5px solid black;
}

#second-half .btn-outline-success {
  color: #96bf02;
  border-color: #96bf02;
}

nav ul li {
  width: 100%;
}

.reg-button {
  background-color: #96bf02;
  color: #fff;
  font-weight: 700;
  font-size: large;
  padding: 0.8rem 1em;
  border-radius: 10px;
  margin-left: 1rem;
  border: none;
}

.reg-button:hover {
  background-color: #bee923;
  color: #fff;
}

.auth_form {
  width: 50%;
}

#side-bar-socials p {
  font-size: 0.8em;
  padding-top: 1em;
}