@charset "UTF-8";
@font-face {
    font-family: 'Times New Roman';
    src: url(fonts/Times-New-Roman.woff);
}
@font-face {
    font-family: 'Franklin Gothic Medium';
    src: url(fonts/FranklinGothic.woff);
}
@font-face {
    font-family: 'Gill Sans';
    src: url(fonts/GillSansC.woff);
}
.z4 {
    position: relative;
    z-index: 4;
    box-shadow: 0pt 2pt 4pt 3pt rgba(0, 0, 0, 0.5)
}
.z3 {
    position: relative;
    z-index: 3;
    box-shadow: 0pt 1.5pt 2pt 1.5pt rgba(0, 0, 0, 0.5)
}
.z2 {
    position: relative;
    z-index: 2;
    box-shadow: 0pt 1pt 1pt 1pt rgba(0, 0, 0, 0.5)
}
.z1 {
    position: relative;
    z-index: 1;
    box-shadow: 0pt 0.5pt 0pt 0.5pt rgba(0, 0, 0, 0.5)
}
.z0 {
    /*Page Background*/
    position: relative;
    z-index: 0;
    box-shadow: 10pt 10pt 50pt rgba(0, 0, 0, 0.5);
    box-shadow: 5pt 5pt 50pt rgba(0, 0, 0, 0.5);
}
body {
    background-color: #3b0102;
}
.bigLogo {
    height: 40vh;
    margin: 5vw;
    margin-bottom: 20vh
}
.middle {
    width: 80vw;
    max-width: 800pt;
    margin: auto; 
    background-color: #010114;
    min-height: 150vh;
    padding-bottom: 5vh;
    margin-bottom: 5vh
}
.serif {
    font-family: 'Times New Roman', Times, serif;
    color: whitesmoke;
}
.sans {
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-variant: small-caps;
    color: whitesmoke;
}
h1 {
    font-size: xx-large;
    background-color: #870305;
    margin-left: 5vw;
    margin-right: 5vw;
	text-align: center;
}
h2 {
    text-align: center;
    font-size: x-large;
}
h3 {
    font-size: larger;
    background-color: #3b0102;
    padding-top: 0.4vh;
    padding-bottom: 0.4vh;
    margin-left: 15vw;
    margin-right: 15vw;
	text-align: center;
}
.medal {
    height: 1em
}
.left {
    float: left
}
.right {
    float: right
}
.navbar {
    width: 80vw;
    max-width: 800pt;
    height: max-content;
    background-color: #870305;
}
    .navbar a {
        color: whitesmoke;
        font-size: large;
        display: block;
        text-align: center;
        padding: 2vh;
        display: inline-flex
    }
    .navbar a:hover {
        background-color: #3b0102;
    }
    .navbar .medal {
        height: 2.9em
    }
.kiosk {
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 7vh;
    margin-bottom: 7vh;
    border-top: 5pt solid #870305;
    border-left: 5pt solid #870305;
    border-bottom: 5pt solid #3b0102;
    border-right: 5pt solid #3b0102;
    background-color: #040421;
    min-height: 60vh;
}
    .tall {
        background-color: #870305;
        min-height: 45vh;
        width: 30vh;
        padding: 10pt;
        padding-left: 20pt;
        margin: 3vh;
        margin-top: 5vh
    }
    .short {
        background-color: #870305;
        min-height: 25vh;
        width: 30vh;
        padding: 10pt;
        padding-left: 20pt;
        margin: 3vh;
        margin-top: 11vh
    }
    .kiosk .dagger {
        height: 5vh;
        position: relative;
        top: -3vh;
        left: 50%
    }
.columns {
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 7vh;
    margin-bottom: 20vh;
    column-count: 2;
    column-gap: 5vw;
    text-align: justify;
    line-height: 1.2;
    letter-spacing: 1pt;
    text-indent: 10pt
}
.notice {
    text-align: justify;
    line-height: 1.2;
    letter-spacing: 1pt;
    text-indent: 0pt
}
.bigLetter {
    font-size: 6vh;
    color: whitesmoke
}
.shelf {
    margin-left: 0pt;
    margin-right: 10%;
    margin-top: 10%;
    margin-bottom: 5%;
    border-top: 5pt solid #870305;
    border-left: 5pt solid #870305;
    border-bottom: 5pt solid #3b0102;
    border-right: 5pt solid #3b0102;
    background-color: #040421;
    min-width: 15%;
    min-height: 25vh;
}
	.shelf div {
		display: grid;
		border-bottom: 5pt solid #870305;
		min-height: 10vh;
		padding-left: 1vw;
		padding-right: 1vw;
		padding-top: 3vh;
		padding-bottom: 0vh;
	}
    .shelf div img {
        margin: auto;
        margin-bottom: 0pt;
        cursor: pointer
    }
	.shelf div #i {
        width: 15vw;
	}
    .shelf div #ii {
        width: 13vw;
        cursor: pointer
	}
.curProgress {
    cursor: progress
}
.curWait {
    cursor: wait
}
.curNotAllowed {
    cursor: not-allowed
}
.curHelp {
    cursor: help
}
.curPoint {
    cursor: pointer
}
.curInfo {
    cursor: context-menu
}