#portfolio .portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    opacity: 0;
    background: linear-gradient(120deg, #30adbf, #281e78);
    border-radius: 2em;
}

.btn-primary {
    color: #fff;
    background-color: #30adbf;
    border-color: #30adbf;
}

.btn-primary:hover {
    color: #212529;
    background-color: #281e78;
    border-color: #281e78;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
    color: #a9b3c9;
}

#mainNav .navbar-toggler {
    font-size: 12px;
    right: 0;
    padding: 13px;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    background-color: #30adbf;
    font-family: Montserrat, Helvetica Neue, Helvetica, Arial, sans-serif;
}

.nav-link:hover {
    border-radius: 2em;
    background-color: #281e78 !important;
}

.icon {
    background-color: #281e78 !important;
}

.icon:hover {
    background-color: #30adbf !important;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
    background-color: #30adbf;
}

.btn-primary:hover {
    color: #212529;
    background-color: #281e78;
    border-color: #281e78;
}

.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #281e78 !important;
    border-color: #281e78 !important;
    color: #fff;
}

.btn {
    border-radius: 2em;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

::selection {
    background: #30adbf;
}

::-webkit-scrollbar {
    display: none;
}

.text-muted {
    color: #a9b3c9 !important;
}

.portfolio-caption {
    background-color: #281e78 !important;
    border-radius: 2em;
}

.background {
    background: linear-gradient(100deg, #30adbf, #281e78);
}

h4 {
    color: white;
}

h2 {
    color: white;
}

.modal-content {
    background: transparent;
    border-color: transparent;
}

p {
    color: white;
}

.list-unstyled {
    color: white;
}

.item-intro.text-muted {
    color: #e1dfea !important;
}

.timeline-image {
    background-color: rgb(0, 0, 255);
}

section#contact {
    background-color: #212529;
    background-repeat: no-repeat;
    background-position: 50%;
}

#topBackground {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url("https://salinejournal.com/wp-content/uploads/2019/04/FIRST-Robotics-Competition-World-Championship-2019-Cobo-Center-Detroit-Michigan_8109931br0BcC-Saline-Journal-678x381.jpg");
}

.period {
    color: #30adbf !important;
}

.progress-bar {
    background-color: #30adbf !important;
}

h3 {
    color: white;
}

h4 {
    color: black;
}

h5 {
    color: white;
}

.contactInfo {
    color: white;
}

#me {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 75%;
}

section {
    padding-top: 25px;
    padding-bottom: 25px;
}