section {
    padding: 5rem 5rem;
}

section>.title {
    font-weight: lighter;
    font-size: 32px;
    text-align: center;
    margin-bottom: 2rem;
}

section>.description {
    font-size: 14px;
    text-align: center;
}

#landing, #landing * {
    text-align: center;
}

#landing h3 {
    font-size: 32px;
    font-weight: 100;
    font-style: italic;
}

#profile {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
    margin-bottom: 3rem;
    background-image: url("http://nathanpucheril.com/static/images/profile.jpg");
    background-repeat: no-repeat;
    border: 1px black solid;
    box-shadow: 0 0 8px gray;
    border-radius: 10em;
    width: 20em;
    height: 20em;
}

#landing {
    background-color: #984b43;
}

#landing a {
    color: lightgray;
}

#landing a:hover {
    color: white;
}

#resume {
    background-color: #fafafa;
}

#resume-content-wrapper {
    max-width: 760px;
    margin: auto;
}

@media screen and (max-width: 600px) {
    section {
        padding: 2rem 2rem;
    }
    #resume-content-wrapper {
        width: 95%;
    }
}

@media screen and (max-width: 400px) {
    #navbar-name {
        display: none;
        overflow: hidden;
    }
}

#about {
    background-color: #fafafa;
}

#projects {
    background-color: #fafafa;
    border-top-style: dotted;
    border-top: thick green;
}

#photography {
    background-color: #fafafa;
}

#photography .card {
    min-width: 200px;
}

.resume-section {
    margin: 1rem 0;
}


/* Resume */

.resume-section>.title {}

.resume-section>.section-content {
    margin-left: 1rem;
}

.resume-entry {
    margin: 1rem;
}

.resume-entry>.title {
    font-weight: bold;
}

.resume-entry>.date {
    float: right;
}

.resume-entry>.description {
    font-weight: lighter;
}

.navbar-fixed {
    background-color: #233237;
}

.page-footer {
    background-color: #18121E;
}

.float-right {
    float: right;
}


/* Font Styling */

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.thin {
    font-weight: lighter;
}