#header {
  background-color: #dc2626;
}

.dropdown-toggle {
  background-color: #dc2626;
}

#create-post {
  width: 50%;
}

#feed {
  width: 50%;
}

#input-text {
  resize: none;
  box-sizing: border-box;
}

#header,
#create-post,
#input-text,
.post {
  border-width: 3px !important;
}

.post-pfp {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: solid 2px black;
  background-color: white;
  border-radius: 50%;
  flex-shrink: 0;
}

.post-text {
  resize: none;
  outline: none;
  box-sizing: border-box;
  color: black;
}

.post-username:hover {
  color: skyblue !important;
}

.dropdown-toggle {
  --bs-btn-color: white;
  --bs-btn-bg: #dc2626;
  --bs-btn-border-color: #dc2626;
  --bs-btn-hover-color: white;
  --bs-btn-hover-bg: #b91c1c;
  --bs-btn-hover-border-color: #b91c1c;
  --bs-btn-active-color: white;
  --bs-btn-active-bg: #991b1b;
  --bs-btn-active-border-color: #991b1b;
  --bs-btn-disabled-color: white;
  --bs-btn-disabled-bg: #dc2626;
  --bs-btn-disabled-border-color: #dc2626;
}

.btn-primary {
  --bs-btn-bg: #dc2626;
  --bs-btn-border-color: #dc2626;
  --bs-btn-hover-bg: #b91c1c;
  --bs-btn-hover-border-color: #b91c1c;
  --bs-btn-active-bg: #991b1b;
  --bs-btn-active-border-color: #991b1b;
  --bs-btn-disabled-bg: #dc2626;
  --bs-btn-disabled-border-color: #dc2626;
}