html,
body,
header,
.view {
  height: 100%;
}

.ketenlinkRed {
  color: #E9332F;
  font-weight: bold;
}

.ketenlinkBlue {
  color: #15304E;
  font-weight: bold;
}

.ketenlinkYellow {
    color: #e2df13;
    font-weight: bold;
}

.ketenlinkBlack {
    color: #030303;
    font-weight: bold;
}

.ketenlinkWhite {
    color: white;
    font-weight: bold;
}

.video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: no-repeat center center/cover;
}

.video-container video {
  min-width: 100%;
  min-height: 100%;
  position:absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: cover;
}

.card {
  background-color: rgba(208, 206, 231, 0.3);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 0.75rem;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
  color: #212529;
}

.i-blue {
  color: #E9332F;
  font-weight: bold;
}

.btn-primary {
  background-color: #E9332F;
  border-color: #E9332F;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
  background-color: #D12D2A !important;
  border-color: #D12D2A !important;
}

.card a.small {
  color: white !important;
}