body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{background-color:#f8f8f8;color:#121212;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;overflow-wrap:break-word;width:100%}h1{font-size:2.3em;font-weight:700}h2{font-size:1.8em}h2,h3{font-weight:600}h3{color:#156565;font-size:1.5em}h4{font-size:1em}ul{-webkit-padding-start:0;padding-inline-start:0}button{background-color:#3b8180;border:none;border-radius:2px;box-shadow:3px 3px 7px -1px rgba(0,0,0,.43);color:#fff;cursor:pointer;font-family:Montserrat,sans-serif;font-size:18px;padding:3% 8%}a,button{font-weight:700}a{color:#464445;text-decoration:none}a:hover{color:#b36f6e}li{list-style:none}a:hover{font-weight:bolder}.navbar{background-color:#156565;display:flex;padding:12px 14%}.title{align-items:center;display:flex;font-size:1.5em;width:25%}.navLinks ul a{text-decoration:none;width:100%}.navLinks ul a:after{background:transparent;bottom:0;content:"";display:block;height:3px;left:0;transition:all .3s;width:0}.navLinks ul a.active:after,.navLinks ul a:hover:after{background:#3b8180;width:100%}.navbar a{color:#fff}.navLinks ul{display:flex;justify-content:space-around}.navLinks{width:70%}.navLinks li{text-align:center}footer{background-color:#eab7b6}.rowfooter{display:flex;padding:4% 14%}.rowfooter div{padding-right:14%}section{padding:7% 14%}.hero{justify-content:center}.hero,.heroInner{background-image:url(/static/media/heroBG.f1b4a0205a6e98948aca.jpg);background-repeat:no-repeat;background-size:cover;display:flex}.heroInner{padding:2.5% 14%}.s-sml{padding:2% 14%}.hero h1{font-size:2.5em}.hero img{box-shadow:5px 5px 7px 0 rgba(0,0,0,.55);height:65vh;object-fit:cover;width:40%}.hero div{width:100%}.hero div.home{padding-left:7%;width:40%}.gallery{-webkit-column-count:1;column-count:1;line-height:0}.gallery img{border-radius:2px;height:auto!important;margin:8px 0;width:100%!important}.chapters>div{padding-bottom:7%}.modal{background-color:hsla(0,0%,100%,.9);height:100%;left:0;overflow:auto;padding:7vh 0;position:fixed;top:0;width:100%;z-index:1}.modal-content{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:1200px;padding:0;position:relative;text-align:center;width:90%}.details{width:70%}#modal-img{align-items:center;display:flex;justify-content:center;margin-bottom:15px;width:100%}#modal-img img{box-shadow:4px 4px 14px 0 rgba(0,0,0,.4);max-height:60vh;max-width:80%;object-fit:contain}.close{color:#464445;font-size:4em;font-weight:700;position:absolute;right:25px;top:10px}.close:focus,.close:hover{color:#464445dd;cursor:pointer;text-decoration:none}.next,.prev{border-radius:50%;color:#3b8180;cursor:pointer;font-size:5em;font-weight:700;line-height:0;position:absolute;top:50%;transition:.6s ease;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:auto}.prev{left:0}.next{right:0}.next:hover,.prev:hover{background-color:#3b8180}img.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.chapter-nav{padding-bottom:0}.chapter-nav button{background-color:transparent;border:2px solid #eab7b6;border-radius:2px;box-shadow:none;color:#121212;font-size:1em;margin-right:10px;padding:10px 20px}.chapter-nav button:active,.chapter-nav button:hover{background-color:#eab7b6}@media only screen and (min-width:426px){.gallery{-webkit-column-count:2;column-count:2}.stories.gallery{-webkit-column-count:1;column-count:1}}@media only screen and (min-width:767px){h1{font-size:2.2em}h2{font-size:2em}.gallery{-webkit-column-count:3;column-count:3}.stories.gallery{-webkit-column-count:2;column-count:2}}@media only screen and (min-width:1023px){h1{font-size:2em}h2{font-size:1.8em}.gallery{-webkit-column-count:4;column-count:4}.stories.gallery{-webkit-column-count:2;column-count:2}}.details{width:60%}.upload-page-container{align-items:center;display:flex;height:auto;justify-content:center;margin:10px;width:100vw}.upload-form-container{min-width:30vw}.upload-form-container button{background-color:#28a745;border:none;border-radius:5px;color:#fff;font-size:1.3em;padding:10px;width:100%}.upload-form-container button:hover{cursor:pointer}.categories-container{display:flex;flex-wrap:wrap;margin-bottom:10px}.categories-container input{margin-left:0}.upload-page-container div img{width:30vw}@media only screen and (max-width:900px){.upload-page-container div img{width:80vw}}.text-input-container{display:flex;flex-direction:column;margin-bottom:10px}.text-input{border:1px solid #282c34;border-radius:5px;height:30px}textarea.text-input{min-height:100px;padding:2px}.checkbox-container{min-width:25%}.upload-area-container{border:3px dashed #2f4f4f;border-radius:5px;height:30vh;position:relative;width:60vw}.upload-area-container input{height:30vh;opacity:0;width:60vw}.upload-area-container input:hover{cursor:pointer}.upload-area-container span{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.drop-down{border-radius:5px;height:40px;width:31%}button.danger-button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;font-size:1.3em;height:50px;padding:10px;width:200px}button:hover{cursor:pointer}body{margin:0;padding:0}.container{margin:3vw}.row{display:flex;height:30vh}.left-description,.left-image,.right-description,.right-image{height:100%}.left-description,.right-description{width:30vw}.left-image,.right-image{width:20vw}.right-image{display:flex;justify-content:flex-start}.left-image{display:flex;justify-content:flex-end}.timeline-image{cursor:pointer;height:30vh;max-width:20vw;object-fit:cover}.date-box,.details-box-container{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center}.date-box-text{text-align:center}.date-year{font-size:4em;font-weight:700}.date-day-month{font-size:1.3em}.details-box-container{padding-left:2vw;padding-right:2vw}.details-title{color:#156565;font-size:2em;font-weight:700;margin-bottom:10px}.details-title-left{text-align:right}.details-title-right{text-align:left}.details-box-left{justify-content:right}.details-box-right{justify-content:left}.details-box-left>div>div{text-align:right}.details-box-right>div>div{text-align:left}
@media only screen and (max-width: 600px) {
    body {
        max-width: 100%;
    }
    section {
        padding: 20px;
        max-width: 100%;
    }

    section.hero {
        max-width: 100%;
        flex-direction: column;
        display: flex;
    }
    
    .hero div.home {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .hero img {
        width: 100%;
        height: 425px
    }

    .hero .home h1 {
        text-align: center;
        font-size: 1.75em;
    }

    h2 {
        margin-bottom: 16px;
        margin-top: 10px;
    }

    h3 {
        font-size: 1.25em;
    }

    button {
        width: fit-content;
    }

    nav.navbar {
        max-width: 100%;
        padding: 20px;
    }

    .title a {
        font-size: 0.9em;
    }

    .title {
        padding-right: 8px;
    }

    .navLinks {
        width: 100%;
    }

    .navLinks ul {
        justify-content: space-between;
    }

    .navLinks li:first-child {
        display: none;
    }

    .navLinks li a {
        font-size: 1.1em;
        font-weight: 600;
    }

    .timeline-image {
        max-width: 100%;
        object-fit: cover;
    }

    .row:nth-of-type(odd) .left-image{
        width: 58vw;
    }

    .row:nth-of-type(even) .right-image{
        width: 58vw;
    }

    .row:nth-of-type(even) .left-image{
        width: 42vw;
    }

    .row:nth-of-type(odd) .right-image{
        width: 42vw;
    }

    .date-year {
        font-size: 2.5em;
    }

    .details-title {
        font-size: 1.5em;
    }

    .details-box-container, .left-description, .right-description{
        display: none;
    }

    .container {
        margin: 20px;
    }

    .row {
        height: 35vh;
    }

    .chapter-nav button {
        margin-bottom: 10px;
        padding: 8px 16px;
    }

    .chapters div {
        padding-bottom: 0;
    }
}
/*# sourceMappingURL=main.9ccfb204.css.map*/