body {
    background-color: #F3F3F6;
}

a {
    color: #6663f1;
}

#header {
    background-color: #333151;
}

.container-fluid {
    position: relative;
}

.nav {
 display: flex;
  justify-content: center;
  align-items: center;
}

.nav-tabs {
    margin-top: 5rem;
    border-bottom-color: #E6E5EB;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-top-color: #E6E5EB;
    border-left-color: #E6E5EB;
    border-right-color: #E6E5EB;
}

.nav-tabs > li > a:hover {
    border-bottom-color: #D2D1DB;
}

.tab-content {
    background-color: #FFF;
}

.tab-content .tab-pane {
    border-color: #E6E5EB;
}

.tab-pane .large-icon {
    color: #07061D;
}

#header .logo {
    margin-left: 25px;
}

#header #ideiio-menu .btn {
    color: #FFF;
    font-size: medium;
    transition: all .2s ease-in-out;
}

#header #ideiio-menu .btn:hover {
    transform: scale(1.1);
}

#header #ideiio-menu ,btn {
    color: white;
}

.btn-primary {
    background-color: #FAB500;
    color: #161433;
    border-radius: 10rem;
    padding-inline: 2rem;
    font-weight: bolder;
    border-color: #E6E5EB;
}

.btn-primary:hover {
    color: #161433;
    background-color: #D28D00;
    border-color: transparent;
}

.ideiio-rainbow {
    background-image: linear-gradient(90deG,#FAB500,#FB6B33 50%,#D9534F);
}