:root {
    --primary-color:  linear-gradient(0deg, rgb(124, 78, 29) 4%, rgba(255,126,0,1) 100%);
    --blue-matte: #253e6a;
    --hover-selected: #3b60a0;
    --info-content: #7082a4;
}

#logo {
    width: 5rem;
}

#cardInfo {
    min-height: 500px;
}

#banner {
    background-image: url("assets/img/cyber.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 60%;
    height: 250px;
}

.text-tae {
    color: var(--info-content);
}

.bg-nav {
    background: var(--blue-matte);
}

.bg-tae {
    background: var(--info-content);
}


.bg-w4 {
    background: var(--primary-color);
}

.navbar-toggler {
    margin-right: auto;
}

.navbar-nav .nav-item a {
    cursor: pointer;
}

.navbar-nav .nav-item a:hover {
    background-color: var(--hover-selected);
}

.bg-selected {
    background-color: var(--hover-selected);
}