/*
    Date Created:   2024/11/19
    Last Edit:      2024/11/19
*/

/* all window sizes */
@media (min-width: 1px){
    body {
        font-family: 'Times New Roman', Times, serif;
        font-size: 1.2em;
        color: #1a1c1a;
        background: #f3cea1;
    }

    /* general links */
    a {color: #875212;}
    a:hover, a:focus {color: #1a1c1a;}

    /* navbar */
    nav {
        background: #e0c9a6;
        border-radius: 0;
    }


    /* navbar links */
    .nav-link {color: #875212;}
    .nav-link:hover, a.navlink:focus {color: #1a1c1a;}
    .dropdown-menu {background: #f3dfc1;}
    .dropdown-devider {background: #1a1c1a;}
    .dropdown-item {}
    .dropdown-item:hover, .dropdown-item:focus {background: #f3cea1;}
    
    /* body content */
    main {background: #f3dfc1;}

    .i-need-space {
        margin: 5px;
        padding: 5px;
    }

    .jumbotron {
        background: #875212;
        color: #f3dfc1;
        padding: 10px 20px;
        border-radius: 0;
    }

    .page-head {
        padding: 10px 3px 5px 3px;
    }

    .row {
        margin: 10px 3px;
    }

    .card {
        border-color: #1a1c1a;
        background: #f3cea1;
    }

    .card.post-set {
        padding: 0;
        margin: 0 0 7px 0;
        border: none;
        background: none;
    }

    .flatten {
        background: none;
        margin: 0;
        padding: 0;
        border: none;
    }

    .btn-outline-dark {
        background: none;
        border-color:#875212;
        color: #875212;
    }
    .btn-outline-dark:hover {
        background: #875212;
        color: #f3dfc1;
    }
    .btn-outline-dark:focus {outline-color: #875212;}

    .img-border {border: 2px solid #875212;}

    /* footer */
    footer {
        background: #e0c9a6;
        padding: 5px;
    }
}

/* sm windows */
@media (min-width: 544px){}

/* md windows */
@media (min-width: 768px){
    .jubotron {padding: 30px 50px;}

    .i-need-space {
        margin: 10px;
        padding: 10px;
    }
}

/* lg windows */
@media (min-width: 992px){}

/* xl windows */
@media (min-width: 1200px){}