html {
   scroll-behavior: smooth !important;
}

body {
   padding-top: 0 !important;
   background-image: url(../images/background.jpg);
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
}

.quiz-header,
.quiz-footer {
   position: fixed;
   padding: 6px 10px;
   background: #191c3270;
   border-bottom: 1px solid #ffffff2b;
}

.quiz-header {
   top: 0;
   z-index: 10;
}

.icon-size {
   font-size: 48px;
   font-weight: bold;
}

#zmmtg-root {
   background-color: #181c32 !important;
   --bg-color: 24, 28, 50 !important;
}

#content {
   background-color: #181c32 !important;
   --bg-color: 24, 28, 50 !important;
}

#content p {
   color: #f5f8fa !important;
}

.mw-200px {
   max-width: 200px !important;
}

.w-100 {
   width: 100% !important;
}

.nav-tabs .nav-link {
   margin-bottom: -1px;
   background: #0000008a;
   border: 1px solid #c3c3c3;
   border-top-left-radius: 0.475rem;
   border-top-right-radius: 0.475rem;
   color: #fff !important;
}

.nav-link.active {
   color: #fff !important;
   background-color: #f1416c !important;
   border-color: #e4e6ef #e4e6ef #fff !important;
}

.blur-bg {
   background: #f5f8faad;
}

a {
   cursor: pointer !important;
}

.border-medium {
   border: 1px solid #ffffff2b;
}

.accordion-button-with-progress {
   padding: 1.5rem 1.5rem 0 !important;
}

.modal {
   background-color: #181c32e6 !important;
}

.form-check.form-check-solid .form-check-input {
   border: 1px solid #009ef7!important;
}