:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100vh}body{background:var(--bg)}#root{height:100%;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-color);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--button-border)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--bg: #0a0a0a;--button-color: #444;--button-border: #222;--text: #e5e5e5;--link-hover: #e5e5e5;--shadow: #222;--border: #a07178;--hover: #888}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes turn-up-dimmer{0%{filter:drop-shadow(0,0,0,white)}to{filter:drop-shadow(0,0,10px,white)}}@keyframes zoom-out{0%{transform:scale(10) translate(-25%,-25%)}to{transform:scale(1) translate(-50%,-50%)}}@keyframes delayed-fade-in{0%{opacity:0}50%{opacity:0}to{opacity:100}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes floating{0%{transform:translate(0)}25%{transform:translate(10%,15%)}50%{transform:translate(15%,5%)}75%{transform:translate(10%,-5%)}to{transform:translate(0)}}.pageContainer{display:grid;grid-template-areas:"main" "footer";grid-template-rows:23fr 1fr;grid-template-columns:24fr;width:calc(100% - 200px);height:calc(100% - 40px);padding:20px 100px;gap:20px}.pageContainer .home{grid-area:main;display:flex;justify-content:center;align-items:center}.pageContainer .home .mainContainer{display:none}.pageContainer .home .navContainer{width:100%}.pageContainer .home .rNavBarContainer{display:none}.pageContainer .issues,.pageContainer .aboutus,.pageContainer .contact{display:grid;grid-area:main;grid-template-areas:"navBar pageArea";grid-template-columns:1fr 23fr;grid-template-rows:23fr;gap:20px;width:100%;height:100%;min-width:0;min-height:0}:is(.pageContainer .issues,.pageContainer .aboutus,.pageContainer .contact) .mainContainer{grid-area:pageArea;display:flex;height:calc(100% - 20px);padding:10px;width:100%;min-height:0;border-top:3px solid white;border-bottom:3px solid white}:is(.pageContainer .issues,.pageContainer .aboutus,.pageContainer .contact) .navContainer{grid-area:navBar;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:3px solid white;border-radius:10px}.footer{grid-area:footer;display:flex;justify-content:center;align-items:center}@media(min-width:768px){.pageContainer{display:grid;grid-template-areas:"main" "footer";grid-template-rows:23fr 1fr;grid-template-columns:24fr;width:calc(100% - 200px);height:calc(100% - 40px);padding:20px 100px;gap:20px}.pageContainer .home{grid-area:main;display:flex;justify-content:center;align-items:center}.pageContainer .home .mainContainer{display:none}.pageContainer .home .navContainer{width:100%}.pageContainer .home .rNavBarContainer{display:none}.pageContainer .issues,.pageContainer .aboutus,.pageContainer .contact{display:grid;grid-area:main;grid-template-areas:"navBar pageArea";grid-template-columns:4fr 20fr;grid-template-rows:23fr;gap:20px;width:100%;height:100%;min-width:0;min-height:0}:is(.pageContainer .issues,.pageContainer .aboutus,.pageContainer .contact) .mainContainer{grid-area:pageArea;display:flex;height:calc(100% - 20px);padding:10px;width:100%;min-height:0;border-top:3px solid white;border-bottom:3px solid white}:is(.pageContainer .issues,.pageContainer .aboutus,.pageContainer .contact) .navContainer{grid-area:navBar;display:flex;justify-content:center;align-items:center;width:100%;height:100%;border:3px solid white;border-radius:10px}.footer{grid-area:footer;display:flex;justify-content:center;align-items:center}}.homeContainer{width:100%;height:100%;border:3px solid pink}.navBar{display:flex;justify-content:center;align-items:center;cursor:default}@media(min-width:768px){.navBar{width:100%;height:100%}.navBar .home{display:flex;justify-content:center;align-items:center}.navBar .home .logoButton{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:30%}.navBar .home .tombstoneCont{position:absolute;width:768px;height:768px}.navBar .home .tombstoneCont .aboutusTomb{width:80px;height:120px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.navBar .home .tombstoneCont .issuesTomb{width:80px;height:120px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.navBar .home .tombstoneCont .contactTomb{width:80px;height:120px;position:absolute;bottom:15%;right:15%;transform:translate(-15%,-15%)}.navBar .issues,.navBar .aboutus,.navBar .contact{display:flex;justify-content:center;align-items:center;flex-direction:column}:is(.navBar .issues,.navBar .aboutus,.navBar .contact) .logoButton .logoImage{width:70%}:is(.navBar .issues,.navBar .aboutus,.navBar .contact) .tombstoneCont{height:60%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:40px}:is(.navBar .issues,.navBar .aboutus,.navBar .contact) .tombstoneCont .issuesTomb,:is(.navBar .issues,.navBar .aboutus,.navBar .contact) .tombstoneCont .aboutusTomb,:is(.navBar .issues,.navBar .aboutus,.navBar .contact) .tombstoneCont .contactTomb{width:80px;height:120px}.rNavBar{width:100%;height:100%;border:3px solid blue}.rNavBar .issues,.rNavBar .aboutus,.rNavBar .contact{display:flex;justify-content:center;align-items:center;flex-direction:column}.logoButton{display:flex;justify-content:center;align-items:center}}@media(min-width:768px){.aboutusDiv{width:100%;height:100%;min-width:0;min-height:0;display:flex}.notSelected{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.aboutusPage{flex:1;min-width:0;min-height:0;display:grid;grid-template-areas:"header nav" "disp nav" "footer nav";grid-template-columns:minmax(0,10fr) minmax(0,3fr);grid-template-rows:.5fr 6fr .5fr;width:100%;height:calc(100% - 10px);gap:20px;padding:10px}.aboutusPage .aboutusHeader,.aboutusPage .aboutusDispContainer,.aboutusPage .aboutusFooter,.aboutusPage .aboutusNav{min-width:0}.aboutusPage .aboutusHeader{grid-area:header;display:flex;justify-content:center;border:3px solid white}.aboutusPage .aboutusNav{grid-area:nav;display:flex;align-items:center;justify-content:center;flex-direction:column;border:3px solid white}.aboutusPage .aboutusDispContainer{grid-area:disp;overflow:scroll;display:flex}.aboutusPage .aboutusDisp{display:flex;align-items:center}.aboutusPage .aboutusDisp .img{float:left;max-width:50%;max-height:70%;width:auto;height:auto;padding:10px;border:3px solid white;border-radius:10px}.aboutusPage .aboutusDisp .bio{padding-left:20px}.aboutusPage .aboutusFooter{grid-area:footer}.aboutusPage .member{font-size:40px}.aboutusPage .back{position:absolute;float:left}}@media(min-width:768px){.issuesDiv{width:100%;height:100%;min-width:0;min-height:0;display:flex}.notSelected{display:flex;height:100%;width:100%;justify-content:center;align-items:center}.issuesPage{flex:1;min-width:0;min-height:0;display:grid;grid-template-areas:"disp nav";grid-template-columns:minmax(0,10fr) minmax(0,3fr);width:100%;height:100%;gap:20px}.issuesPage .issuesDispContainer,.issuesPage .issuesNav{min-width:0}.issuesPage .issuesNav{grid-area:nav;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;border-left:3px solid white;border-right:3px solid white}.issuesDispContainer{grid-area:disp;display:flex;align-items:stretch;justify-content:center;align-items:center;width:100%;min-height:0;overflow:scroll}.issuesDispWrapper{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.issuesDisp{height:100%;flex-shrink:0;display:block;object-fit:cover}.issuesFooter{position:absolute;bottom:0;color:transparent;font-size:2rem}.issuesFooter:hover{color:#fff;text-shadow:0 0 10px black,2px 2px 0 grey;background:#000000b3}.dispButtonContainer{position:absolute;z-index:10;width:100%;height:100%;overflow:hidden}.dispButton{position:relative;border-radius:0;background:none;color:#0003;border:none;padding:10px 14px;cursor:pointer;font-size:24px;height:200%;-webkit-user-select:none;user-select:none;top:50%;transform:translateY(-50%);width:10%}.dispButton.left{float:left}.dispButton.left p{position:relative;float:left}.dispButton:hover{background:none;color:#00000080;text-shadow:0 0 2px white}.dispButton.left:hover{box-shadow:10px 0 20px #000c inset}.dispButton.right{float:right}.dispButton.right p{position:relative;float:right}.dispButton.right:hover{box-shadow:-10px 0 20px #000c inset}}.logoButton{display:flex;justify-content:center;align-items:center;background:none;aspect-ratio:1}.logoImage{filter:drop-shadow(0 0 100px white);width:100%}@media(min-width:768px){.footer1{display:grid;grid-template-areas:"empty1 songInfo player empty2 socials";grid-template-columns:4fr 4fr 10fr 4fr 4fr;width:100%;gap:20px}.footer1 .songInfo{grid-area:songInfo;display:flex;justify-content:center}.footer1 .audioPlayer{grid-area:player;display:flex;justify-content:center;width:100%}.footer1 .audioPlayer audio{width:100%}}.tombstone{width:80px;height:120px;background:#444;color:#000;border-radius:40px 40px 10px 10px;border:2px solid #222;box-shadow:0 0 10px #000 inset;display:flex;justify-content:center;align-items:center;font-size:.9rem;text-align:center;transition:transform .5s,box-shadow .5s}.tombstone:hover{color:var(--link-hover);box-shadow:0 0 20px var(--shadow-color) inset,0 0 15px var(--hover-color);transform:translateY(-10px);cursor:pointer}.issuesTomb{animation:floating-tombs-1 9s linear infinite}.aboutusTomb{animation:floating-tombs-1 11s linear infinite}.contactTomb{animation:floating-tombs-1 15s linear infinite}@keyframes floating-tombs-1{0%{transform:translate(0)}25%{transform:translate(10%,15%)}50%{transform:translate(15%,5%)}75%{transform:translate(10%,-5%)}to{transform:translate(0)}}@keyframes floating-tombs-2{0%{transform:translate(0)}0%{transform:translate(5%,-10%)}0%{transform:translate(10%)}0%{transform:translate(5%,10%)}to{transform:translate(0)}}