@font-face {
     font-family: 'Saira Extra Condensed';
     font-style: normal;
     font-weight: 600;
     src: url(https://fonts.gstatic.com/s/sairaextracondensed/v11/-nFvOHYr-vcC7h8MklGBkrvmUG9rbpkisrTrN2zh2wph.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 @font-face {
     font-family: 'Saira Extra Condensed';
     font-style: normal;
     font-weight: 700;
     src: url(https://fonts.gstatic.com/s/sairaextracondensed/v11/-nFvOHYr-vcC7h8MklGBkrvmUG9rbpkisrTrU23h2wph.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 400;
     font-stretch: 100%;
     src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

 @font-face {
     font-family: 'Open Sans';
     font-style: normal;
     font-weight: 600;
     font-stretch: 100%;
     src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
     unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
 }

body {
    font-family: 'Open Sans', serif;
    padding-top: 54px;
    color: #868e96
}

@media (min-width:992px) {
    body {
        padding-top: 0;
        padding-left: 17rem
    }
}

h1,
h2,
h3 {
    font-family: 'Saira Extra Condensed', serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #343a40
}

a h1,
a h2,
a h3 {
    color: #A5243D;
}

a h1:hover,
a h2:hover,
a h3:hover {
 color: #650D1B;
}

h1 {
    font-size: 6rem;
    line-height: 5.5rem
}

h2 {
    font-size: 3.5rem
}

.subheading {
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Saira Extra Condensed', serif;
    font-size: 1.35rem
}

.list-social-icons a {
    color: #495057
}

.list-social-icons a:hover {
    color: #A5243D
}

.list-social-icons a .fa-lg {
    font-size: 1.75rem
}

.list-icons {
    font-size: 3rem
}

.list-icons .list-inline-item i:hover,
.skill.selected i {
    color: #A5243D
}

#sideNav .navbar-nav .nav-item .nav-link {
    font-weight: 600;
    text-transform: uppercase
}

@media (min-width:992px) {
    #sideNav {
        text-align: center;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        width: 17rem;
        height: 100vh
    }

    #sideNav .navbar-brand {
        display: flex;
        margin: auto auto 0;
        padding: .5rem
    }

    #sideNav .navbar-brand .img-profile {
        max-width: 10rem;
        max-height: 10rem;
        border: .5rem solid rgba(255, 255, 255, .2)
    }

    #sideNav .navbar-collapse {
        display: flex;
        align-items: flex-start;
        flex-grow: 0;
        width: 100%;
        margin-bottom: auto
    }

    #sideNav .navbar-collapse .navbar-nav {
        flex-direction: column;
        width: 100%
    }

    #sideNav .navbar-collapse .navbar-nav .nav-item {
        display: block
    }

    #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
        display: block
    }
}

section.resume-section {
    border-bottom: 1px solid #dee2e6;
    padding-top: 5rem !important;
    padding-bottom: 5rem !important
}

section.resume-section .resume-item .resume-date {
    min-width: none
}

@media (min-width:768px) {
    section.resume-section {
        min-height: 100vh
    }

    section.resume-section .resume-item .resume-date {
        min-width: 18rem
    }
}

@media (min-width:992px) {
    section.resume-section {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }
}

.bg-primary {
    background: #C9CCD3 linear-gradient(-180deg, rgba(255, 255, 255, 0.50) 0%, rgba(0, 0, 0, 0.50) 100%) !important;
    background-blend-mode: lighten !important;
}

.text-primary {
    color: #A5243D !important
}

a, .text-sub, .nav-link {
    color: #A5243D !important;
}

.active,
a:focus,
a:hover {
    color: #650D1B !important;
}

.regText {
    font-size: 1.1em;
    width: 70%;
}

.resume-section:not(#about) {
    width: 70%;
}

.project .devicons {
    font-size: 2em;
}

.project .devicons:hover {
    color: #A5243D
}

.skill-row {
    display: flex;
    gap: 6px;

    margin: 10px 0;
}

.preview-imgs {
    display: flex;
    overflow-x: auto;
    gap: 12px;
}

.preview-img {
    max-height: 200px;
    border: 1px solid gray;
    margin: 0 0 10px 0;
}

.links{
    display: flex;
    flex-direction: column;
}

.text-sub {
    font-size: 12.5px;
}

.hidden {
 display: none;
}

.project {
    padding-bottom: 2em;
}