@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    background-image: linear-gradient(to bottom right, rgb(0, 0, 0), rgb(50, 50, 50), rgb(0, 0, 0));
    background-color: rgb(25, 25, 25);
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
}

/* modal */
.modal {
    font-family: "Work Sans", sans-serif;
}

/* navbar */
nav {
    font-family: "Work Sans", sans-serif;
}

.nav-item .nav-link {
    color: #fff;
    border-radius: 5px;
    transition: 0.3s;
}

.nav-item .nav-link:hover {
    background-color: #fff;
    color: rgb(50, 50, 50);
    font-weight: 500;
    transition: 0.3s;
}

.margined {
    margin-left: 45px;
}

.row {
    width: 100%;
}

/* footer */
.footer {
    background-color: rgb(20, 20, 20);
    margin: 2%;
    border-radius: 5px;
    padding: 3% 0;
    font-family: "Montserrat", sans-serif;
    box-shadow: 0 0 15px #0d6efd;
    -webkit-box-shadow: 0 0 15px #0d6efd;
}

.footer .row {
    width: 100%;
}

.footer-header {
    font-size: 2rem;
    margin-bottom: 5%;
}

.footer .row div {
    text-align: center;
}

.footer-links {
    border-right: 1px solid rgb(100, 100, 100);
}

.footer-highlighted-proj {
    border-right: 1px solid rgb(100, 100, 100);
}

@media (max-width: 991.5px) {
    .margined {
        margin-left: 0;
    }
}