#mainBody {
    background: rgb(230,204,255);
    background: linear-gradient(180deg, rgba(230,204,255,1) 0%, rgba(1,58,163,1) 100%, rgba(102,204,255,1) 100%);
}
*{
    font-family:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
html,body {
    height:100%;
    margin:0;
}
@font-face {
    font-family: 'Papyrus';
    src: url('./font/Papyrus-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.papyrus {
    font-family: 'Papyrus';
    font-weight:normal;
    color:white;
}
.siteContent, .siteBanner {
    display:flex;
    justify-content:center;
    flex-direction: column;
    margin:0 auto;
    position:relative;
    overflow:hidden;
}
.bannerImage {
    height: 180px;
    width: 937px; 
    max-width: 100%; 
    display: block; 
    margin: 0 auto; 
}
.lambImage {
    width:auto;
    max-width:100%;
    display:block;
    margin:0 auto;
    height:200px;
    position:relative;
    bottom:170px;
    transition:all ease-in-out 0.5s;
}
.lambImage:hover {
    bottom:140px;
}
.siteBannerMedia {
    height:180px;
    overflow:hidden;
}
.bannerText {
    text-align:center;
    position:relative;
    bottom:65px;
    font-size:40px;
    text-decoration: none;
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.50);
    transition:all ease-in-out 0.2s;
}
.bannerText:hover {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.831);
}
.mainContent {
    display:flex;
    flex-direction: row;
    margin:0 auto;
    width:935px;
    height:547px;
    position:relative;
    bottom:63px;
    border:1px solid black;
    overflow:hidden;
}

.info {
    background-color: white;
    height:100%;
    width:20%;
    float:left;
}
.navbar {
    background-color: white;
    height:32px;
    width:110%;
    margin-bottom:-10px;
    display:flex;
    position:relative;
    z-index: 5;
    border-bottom:1px solid black;
}
a {
    text-decoration: none;
}
.navbar a {
    position:relative;
    top:15%;
    left:5px;
    flex-direction: row;
    text-transform: capitalize;
}
.navbar a:not(:nth-last-child(1)) {
    margin-right:10px;
}
.box a:not(.box-title a) {
    position:relative;
    left:5px;
}
.sillystuff {
    background-color: white;
    height:100%;
    width:20%;
    float:right;
}
.content {
    background-color: white;
    height:500px;
    width:100%;
    margin-top:8px;
    margin-left:-2px;
    scrollbar-width:thin;
}

iframe {
    border:none;
    margin:0px;
}

.box {
    height:95px;
    padding-bottom:7px;
    overflow:hidden;
}
.box:not(:nth-last-child(1)) {
    border-bottom:1px solid black;
}

.info {
    border-right:1px solid black;
}
.sillystuff {
    border-left:1px solid black;
}
q {
    font-style:italic;
}
.info, .sillystuff {
    font-size:15px;
}
a {
    color:black;
}
a:not(.navbar a):not(.siteBanner a):not(.box a) {
    text-decoration: underline;
}
.content p {
    text-align:center;
}
.fa-solid {
    fill:black;
}
.copier {
    cursor:pointer;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}
.titleImg1, .titleImg2 {
    height:20px;
    position:relative;
    top:3px;
}
.titleImg2 {
    transform:scaleX(-1);
}
.pageTitle {
    font-weight:500;
}
.boxlink {
    text-decoration: underline!important;
}
p:not(:first-child) {
    position:relative;
    bottom:5px;
}
.art-box img {
    max-height:150px;
}
.art-box .art-title {
    bottom:15px;
    font-size:15px;
}
.art-box .art-author {
    bottom:30px;
    font-size:smaller;
}
.art-box {
    max-width:230px;
    max-height:200px;
    text-align: center;
}
.art-container {
    display:flex;
    justify-content: center;
    gap:10px;
    flex-direction: row;
    flex-wrap: wrap;
}

#tooltipLink {
    font-size:smaller;
    position:relative;
    bottom:2px;
    right:2px;
}

.box-title {
    height:32px;
    border-bottom:1px solid black;
    display:flex;
    align-items: center;
    justify-content: center;
}

.box:has(.box-title) {
    height:128px;
}