.text--primary {
    color: rgba(9, 9, 121, 1) !important;
}

.bg--primary {
    background-color: rgba(9, 9, 121, 1) !important;
}

.bg {
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 35%, rgba(0, 212, 255, 1) 100%);
}

.bg--secondary {
    background: rgba(0, 212, 255, 1);
}

.text--secondary {
    color: rgba(0, 212, 255, 1) !important;
}

.border--hover:hover {
    border-bottom: 2px solid rgba(0, 212, 255, 1);
    padding-bottom: 0px;
    color: rgba(0, 212, 255, 1) !important;
}

.roud:hover {
    border: 2px solid rgba(0, 212, 255, 1) !important;
    border-radius: 50px !important;
    cursor: pointer;
}

.btn--outine--primary {
    border: 2px solid rgba(0, 212, 255, 1) !important;
    color: rgba(9, 9, 121, 1) !important;
    background-color: white !important;
    border-radius: 30px !important;
}

.btn--outine--primary:hover {
    color: white!important;
    background-color: rgba(9, 9, 121, 1) !important;
    border-radius: 30 !important;
}

.border--bottom {
    border-bottom: 4px solid rgba(0, 212, 255, 1);
    padding-left: 200px;
}

.img-hover:hover {
    transform: scale(.98);
    cursor: pointer;
    opacity: .9;
}

.font--family {
    font-family: "Tangerine", cursive;
}

a:hover {
    text-decoration: none !important;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 99;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.work {
    background: url(../images/bg-9.jpg) no-repeat 0px 0px;
    background-size: cover;
    background-attachment: fixed;
}