#footer p {
  font-size: 10px;
}

#footer a {
  font-size: 15px;
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

h1 {
  font-size: 30px;
  display: inline;
}

.container {
  width: 970px !important;
}

.navbar {
  margin-bottom: 0px;
}

.btn-toolbar {
  padding: 10px;
}

.videoinfo h2 {
  width: auto;
  text-align: left;
  font-size: 24px;
  margin-top: 2px;
  margin-bottom: 10px;
}

.videoinfo h3 {
  width: auto;
  text-align: left;
  font-size: 16px;
  margin-top: 2px;
  margin-bottom: 10px;
}

.videoinfo {
  display: flex; /* Enable Flexbox layout */
}

.videoinfo .videoinfo_rate { /* Left-align first span */
  flex: 1; /* Make first span flexible */
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
  margin-left: 2px;
}

.videoinfo .videoinfo_added { /* Right-align second and third spans */
  flex: 1; /* Make them flexible */
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  font-size: 16px;
  margin-top: 2px;
  margin-bottom: 2px;
}