/* Header and Navigation */
header div{
    background-color: black;
    color: white;
    text-align: center;
    padding-top: 0.01em;
    padding-bottom: 0.01em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 5em;
    width: fit-content;
    margin:auto;
}

nav {
    margin:1em;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
    font-size: medium;
}

nav a {
    display:inline-block;
    color:white;
    padding:0.5em;
    padding-left:0.75em;
    padding-right:0.75em;
    background-color: black;
    border-radius: 1em;
    margin-right: 0.25em;
}



#pupInfo {
    background-color: slategrey;
    border-color: rgb(152, 168, 184);
    border-width: 3px;
    border-radius: 1em;
    border-style: solid;
    padding: 0.25em;
    width:25vw;
    margin: auto;
    margin-bottom: 25px;
    text-align: center;
    vertical-align:middle;
}


/* Multiple box layout */
#mainBox {
    display:flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
}

@media (min-width:470px) {
    #mainBox {
        max-width: 75vw;
        margin: auto;
    }
}
#mainBox article {
    flex: 0 0 auto;
    align-self: center;
    margin:5px;
    padding:10px; 
    border-radius: 15px;

    text-align: center;
    align-self:stretch;
    flex: 1 0 0px;
}

/* Styles for individual boxes on index.php*/

#lockup {
    background-color: black;
    color: white;
}

#points {
    background-color: burlywood;
}

#orgasm {
    background-color: blue;
    color: white;
}

#spanks {
    background-color:darkcyan;
    color: white;
}

#cumBan {
    background-color:darkblue;
    color: white;
}

#stats  {
    background-color: grey;
}

#weight {
    background-color: green;
    color: white;
}

.cumBan {
    color: red;
    font-weight:bolder;
    font-size: larger;
}


/* Styles for login.php */
#loginBox {
    border:1px red solid;
    border-radius:1em;
    padding:1em;
    width:fit-content;
}

/* Styles for menu.php */
#response {
    background-color: black;
    color: white;
    text-align: center;
    padding-top: 0.01em;
    padding-bottom: 0.01em;
    padding-left: 2em;
    padding-right: 2em;
    border-radius: 5em;
    width: fit-content;
    margin:auto;
}

/* Styles for reports.php */
.reportBox, .orderBox {
    background-color: black;
    color: white;
    text-align: center;
}

.reportBox table, .orderBox table{
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.reportBox tbody td, .orderBox tbody td {
    border: 1px solid white;
    padding: 10px;
}

.orderBox a {
    color:white;
}


#orgasmBox {
    background-color: blue;
}