:root{
    --accent: #e67072;
}

a:hover{
    color:var(--accent) !important;
}

.nk-nav-logo:hover {
    text-decoration: none !important;
}

.proj-header{
    padding-top: 0px;
    margin-bottom: 0px;
}

.proj-header-img{
    width: 100%;
    /* padding-bottom: 0px; */
    margin-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;}

.proj-title{
    /* margin-top: -15%; */
}

.img-desc{
    font-size: smaller;
}

.themes-img{
    width: 60%;
}

.typo-img{
    width: 105%;
}

.p-title{
    font-size: medium;
    margin-bottom: 0px;
}

.quote-small{
    margin-top: 30px;
    font-size: large;
}

.nk-isotope-item{
    margin: 7px !important;
    /* padding: 5px !important; */
    border: 1px solid gainsboro;
}

.header-projs{
    margin-top: 30px;
    text-align: center;
    font-family: Work Sans !important;
    font-size: 23px;
    text-transform: capitalize;
    margin-bottom:0px;
}

.subheader-projs{
    margin-top: 0px;
    text-align: center;
    font-family: Work Sans !important;
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom:0px;
    color: var(--accent)
}

.devpost{
    width: 23px;
    margin-top: -4px;
}

.about-img{
    width: 330px;
    height: 340px;
    /* width: 90%; */
    /* margin-top: 10%; */
    border-radius: 50%;
    background-size: cover;
    position: relative !important;
    overflow: hidden;
}

.about-txt{
    font-size: 40px;
    text-align: left;
}

.about-a{
    color: var(--accent);
}

.about-contact{
    display: inline-block;
    text-align: center;
    padding: 9%;
}

.about-icons{
    color: #444;
}

.nk-nav-logo{
    font-size: 15px;
}


/* TIMELINE */
.time-items {
    color:var(--accent) !important;
}

.hori-timeline .events {
    border-top: 3px solid #e9ecef;
}
.hori-timeline .events .event-list {
    display: block;
    position: relative;
    text-align: center;
    padding-top: 70px;
    margin-right: 0;
}
.hori-timeline .events .event-list:before {
    content: "";
    position: absolute;
    height: 36px;
    border-right: 2px dashed #dee2e6;
    top: 0;
}
.hori-timeline .events .event-list .event-date {
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    width: 75px;
    margin: 0 auto;
    border-radius: 4px;
    padding: 2px 4px;
}
@media (min-width: 1140px) {
    .hori-timeline .events .event-list {
        display: inline-block;
        width: 24%;
        padding-top: 45px;
    }
    .hori-timeline .events .event-list .event-date {
        top: -12px;
    }
}

.timeline-item{
    width: 19% !important;
}