/*

    color palette:
    lighter green: 606c38
    dark green: 283618
    light tan: fefae0
    medium tan: dda15e
    dark tan: bc6c25

*/
body {
    font-family: sans-serif;
    background: #153243;
}

.container-fluid {
    max-width: 1100px;
    margin: auto;
}

.site-header {
    background: #153243;
    color: #fff;
    height: 150px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.site-header a {
    color: #dda15e;
    text-decoration: none;
}

.main-content {
    background: #fefae0;
    padding: 50px;
    min-height: 70%;
}

.list-no-dec {
    padding-left: 0;
    border: solid 3px #dda15e;
    border-radius: 15px;
}

.list-no-dec li {
    list-style: none;
    margin-bottom: 30px;
    background: #dda15e;
    padding: 20px;
    padding-bottom: 10px;
}

.list-no-dec li:first-child {
    border-radius: 10px 10px 0 0;
}

.list-no-dec li:last-child {
    margin-bottom: 0;
    border-radius: 0 0 10px 10px;
}

p strong {
    text-decoration: underline;
}

img {
    display: block;
    /* margin: 30px auto; */
    max-width: 100%;
    height: 100%;
}

/* thumbnails */
.assignment-item {
    padding: 20px;
    border: solid 1px #153243;
    border-radius: 15px;
    margin-bottom: 20px;
}

.assignment-thumbnail {
    height: 200px;
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.assignment-thumbnail.thumbnail-1 {
    background: url('assignment_1/media/pieces.png');
    background-position: center;
    background-size: cover;
}

.assignment-thumbnail.thumbnail-2 {
    background: url('assignment_2/media/grasshopper-screenshot.png');
    background-position: center;
    background-size: stretch;
}

.assignment-thumbnail.thumbnail-3 {
    background: url('assignment_3/media/collection-prints.png');
    background-position: center;
    background-size: cover;
}

.assignment-thumbnail.thumbnail-4 {
    background: url('assignment_4/media/box-assembled.png');
    background-position: center;
    background-size: cover;
}

.assignment-thumbnail.thumbnail-5 {
    background: url('assignment_5/media/lickitung_side.png');
    background-position: center;
    background-size: cover;
}

.assignment-thumbnail.thumbnail-6 {
    background: url('assignment_6/media/lit_red.png');
    background-position: center;
    background-size: cover;
}

.assignment-thumbnail.thumbnail-7 {
    background: url('assignment_7/media/goodnotes_sketch_box-71.jpg');
    background-position: center;
    background-size: cover;
}

.assignment-thumbnail.thumbnail-8 {
    background: url('final_project/photos/lit-paper-cactus.png');
    background-position: center;
    background-size: cover;
}

/* nav */
nav {
    background: #000;
    color: #fff;
}

nav a {
    color: #fff;
    text-decoration: none;
    transition: .3s;
}

nav ul {
    list-style: none;
    padding-left: 0;
    margin-top: 1rem;
}

nav ul li {
    border: solid 1px #fff;
    border-radius: 5px;
    display: inline-block;
    padding: 0 20px;
}

nav ul li a:hover {
    color: #dda15e;
    transition: .3s;
}

/* footer */

footer {
    background: #153243;
    color: #fff;
    padding-top: 1rem;
}

.footer-content {
    display: flex;
    justify-content: space-between;
}

/* assignment documentation sections */
.project-goals {
    text-align: center;
    margin-top: 50px;
    border: solid 2px #153243;
    background: #c0c0c02e;
}

.project-goals h1 {
    padding: 20px;
    background: #283618;
    color: white;
}

.project-goals ol {
    margin-top: 20px;
    display: inline-block;
    text-align: left;
}

.project-goals ol li {
    /* display: inline-block; */
    margin-bottom: 15px;
}

.doc-content {
    margin-top: 50px;
}

section {
    margin-bottom: 120px;
}

section h5 {
    margin-top: 30px;
    text-decoration: underline;
}


/* photo gallery */
.photo-gallery {
    height: 400px;
    display: block;
    margin-bottom: 15px;
    position: relative;
}

.vert-photo-grid {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 400px;
}

.photo-full {
    height: 100%;
    background: orange;
}

.photo-half, .photo-trio {
    height: 400px;
    width: 100%;
    margin: 30px auto;
}

/* assignment 1 media */

.rhino-1 {
    background: url('./assignment_1/media/rhino-zoomed.png');
    background-size: cover;
    background-position: center;
}

.pieces-1 {
    background: url('./assignment_1/media/pieces.png');
    background-size: cover;
    background-position: center;
}

.assembled-1 {
    background: url('./assignment_1/media/assembled.png');
    background-size: cover;
    background-position: center;
}

/* assignment 2 media */

.rhino-2 {
    background: url('./assignment_2/media/rhino-screenshot.png');
    background-size: cover;
    background-position: center;
}

.grasshopper-2 {
    background: url('./assignment_2/media/grasshopper-screenshot.png');
    background-size: cover;
    background-position: center;
}

.illustrator-2 {
    background: url('./assignment_2/media/hex-illustrator-screenshot.png');
    background-size: cover;
    background-position: center;
}


.pieces-2 {
    background: url('./assignment_2/media/pieces.png');
    background-size: cover;
    background-position: center;
}

.hex-mosaic-2 {
    background: url('./assignment_2/media/hex-mosaic.png');
    background-size: cover;
    background-position: center;
}

.circle-arch-2 {
    background: url('./assignment_2/media/circle_house.png');
    background-size: cover;
    background-position: center;
}

/* assignment 3 media */

.printer-3 {
    background: url('./assignment_3/media/printer-kitchen.png');
    background-size: cover;
    background-position: center;
}

.collection-prints-3 {
    background: url('./assignment_3/media/collection-prints.png');
    background-size: cover;
    background-position: center;
}

.book-holder-3 {
    background: url('./assignment_3/media/book-holder.png');
    background-size: cover;
    background-position: center;
}

.printer-setup {
    width: 100%;
    display: block;
    height: 400px;
    background: url('./assignment_3/media/printer-final-location.png');
    background-size: cover;
    background-position: center;
    margin: 30px auto;
}

.test-pieces-collection {
    width: 100%;
    display: block;
    height: 400px;
    background: url('./assignment_3/media/collection-prints.png');
    background-size: cover;
    background-position: center;
    margin: 30px auto;
}

.photo-half.nested-apart {
    background: url('./assignment_3/media/nested-apart.png');
    background-size: cover;
    background-position: center;
}

.photo-half.nested-stacked {
    background: url('./assignment_3/media/nested-stacked.png');
    background-size: cover;
    background-position: center;
}

.photo-trio.holder {
    background: url('./assignment_3/media/book-holder.png');
    background-size: cover;
    background-position: center;
}

.photo-trio.miniature {
    background: url('./assignment_3/media/miniature.png');
    background-size: cover;
    background-position: center;
}

.photo-trio.doorstop {
    background: url('./assignment_3/media/doorstop.png');
    background-size: cover;
    background-position: center;
}

/* assignment 4 */

.mill-4 {
    background: url('./assignment_4/media/progress-1.png');
    background-size: cover;
    background-position: center;
}

.pieces-4 {
    background: url('./assignment_4/media/scrap-pieces.png');
    background-size: cover;
    background-position: center;
}

.box-4 {
    background: url('./assignment_4/media/box-assembled.png');
    background-size: cover;
    background-position: center;
}

.rhino-4 {
    background: url('./assignment_4/media/rhino-screenshot.png');
    background-size: cover;
    background-position: center;
    height: 300px;
}

.spatula-4 {
    background: url('./assignment_4/media/3d-spatula.png');
    background-size: cover;
    background-position: center;
}

.progress-airpods-4 {
    background: url('./assignment_4/media/progress-airpod.png');
    background-size: cover;
    background-position: center;
}

.scrap-sadness-4 {
    background: url('./assignment_4/media/scraps-sadness.png');
    background-size: cover;
    background-position: center;
}

/* assignment 5 */
.mesh-5 {
    background: url('./assignment_5/media/lickitung_front.png');
    background-size: cover;
    background-position: center;
}

.rhino-bulb-5 {
    background: url('./assignment_5/media/lightbulb_replica.png');
    background-size: cover;
    background-position: center;
}

.disintegrate-5 {
    background: url('./assignment_5/media/5th_element.png');
    background-size: cover;
    background-position: center;
}

.mesh-1-5 {
    background: url('./assignment_5/media/lickitung_pieces.png');
    background-size: cover;
    background-position: center;
}

.mesh-2-5 {
    background: url('./assignment_5/media/lickitung_separate_hover.png');
    background-size: cover;
    background-position: center;
}

.printed-lickitung {
    background: url('./assignment_5/media/lickitung_side.png');
    background-size: cover;
    background-position: center;
}

.fifth-element-5 {
    background: url('./assignment_5/media/5th_element.png');
    background-size: cover;
    background-position: center;
}

.echidna-5 {
    background: url('./assignment_5/media/echidna.png');
    background-size: cover;
    background-position: center;
}

.topography-5 {
    background: url('./assignment_5/media/topography.png');
    background-size: cover;
    background-position: center;
}