/* GENERAL */

html {
    --background-color: #fff7d7;
    --color: #810541;

    background-color: var(--background-color);
    font-family: 'Comic Sans MS', serif;
}

body {
    font-size: 13px;
    color: var(--color);
    margin: 0;
    padding: 0;
}

/* MENU */

.menu {
    padding: 7px;
    margin: 0;
    color: #660000;
    font-size: 13px;
}

.menu li { list-style: none; }

/* LINKS */

a { color: #f63; }
a:visited { color: #8a2be2; }
a:active { color: #0f0; }

.defunct { text-decoration: line-through; }

/* TEXT */

p { padding: 5px 10px; }

.green { color: #006400; }
.purple { color: #800080; }
.brown { color: #660000; }

.normal { font-size: 13px; }
.big { font-size: 16px; }
.bigger { font-size: 18px; }

.courier { font-family: 'Courier New', serif; }
.comic-sans { font-family: 'Comic Sans MS', serif; }
.times-new-roman { font-family: 'Times New Roman', serif; }

.bold { font-weight: 700; }

/* FORMATTING */

.center {
    text-align: center;
    padding: 10px 0;
}

.float-left { float: left; }

.left-align { text-align: left; }

/* TODO .first kept in so I don't have to go changing previous pages */
.first, .padding-top { padding-top: 90px; }
.small-gap-top { margin-top: 50px; }
.tiny-gap-top { margin-top: 3px; }


.side-padding {
    width: 80%;
    display: table;
    margin: 0 auto;
}

.more-side-padding {
    width: 60%;
    display: table;
    margin: 0 auto;
}

.less-side-padding {
    width: 90%;
    display: table;
    margin: 0 auto;
}

table.img-size img {
    width: 320px;
    height: 224px;
}

table.center-table {
    width: 50%;
    margin: 0 auto;
}

table.wide-center-table {
    width: 90%;
    margin: 0 auto;
}

.border-outer {
    width: max-content;
    margin: 0 auto;
    border: 2px solid;
}

.border-outer .border-inner {
    width: 90vw;
    margin: 2px;
    padding: 30px;
    border: 1px solid;
}

.border-brown { border-color: #660000; }

.img-border img { border: 1px solid; }

/* TODO PAGE SPECIFIC */

#sandz {
    --background-color: #dafae8;
    --color: #00552b;
}

#sandz a { color: #800080; }
#sandz a:visited { color: #808080; }
#sandz a:active { color: #f0f; }

#catz1dex {
    --background-color: #33cccc;
    --color: #000;
    font-family: Times, serif;
}

#catz1dex a { color: #fff; }
#catz1dex a:visited { color: #fff; }

#dogz1fooler {
    --background-color: #8442ef;
    --color: #f7f5d7;
    font-family: Times, serif;
}

#dogz1fooler a { color: #00ff00; }
#dogz1fooler a:visited { color: #fff; }