@import url("https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap");html,body{height:100%}body{background:#000000;font-family:'Fjalla One', sans-serif;margin:0 auto !important;border:none !important;text-align:center}body.red-bg{background:#982626}.page-notes{color:white;width:80vw;height:auto;padding:30px 20px;display:inline-block}.page-notes a{color:#982626;text-decoration:underline}.page-image{width:100vw;height:auto;max-width:1000px}.width-wide .page-image,.width-wide .page-notes{max-width:1500px}nav{display:block;position:fixed;width:1100px;height:1100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transform:translate3d(25px, -25px, 0);transform:translate3d(25px, -25px, 0);transition:-webkit-transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9);transition:transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9);transition:transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9), -webkit-transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9);text-transform:uppercase;font-size:0.6em;margin-top:20px}nav.open{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}nav.top-right{top:-475px;right:-450px}.disc{position:absolute;display:inline-block;text-align:center;cursor:pointer;font:20px "Fjalla One",sans-serif;line-height:40px;padding-top:10px;border-radius:550px;-webkit-transform:scale3d(.5, .5, .5) rotate3d(0, 0, 1, 205deg);transform:scale3d(.5, .5, .5) rotate3d(0, 0, 1, 205deg);pointer-events:none;opacity:0;cursor:pointer;transition:opacity .5s,-webkit-transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9);transition:transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9),opacity .5s;transition:transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9),opacity .5s,-webkit-transform .5s cubic-bezier(0.3, 1.4, 0.5, 0.9)}@media only screen and (max-width: 992px){.disc{-webkit-transform:scale3d(.5, .5, .5) rotate3d(0, 0, 1, 190deg);transform:scale3d(.5, .5, .5) rotate3d(0, 0, 1, 190deg)}}.disc div{-webkit-transform:rotate(180deg);transform:rotate(180deg);color:white}.open .disc{pointer-events:auto;opacity:1}.l1{top:0px;left:0px;right:0px;bottom:0px;background:#741b1b;transition-delay:0s}.open .l1{transition-delay:0s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l1{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l1:hover{background:shade(#741b1b, 90%);transition-delay:0s}.open .l1:hover div{color:#0d1216}.open .l1:active{background:shade(#741b1b, 50%);color:#0d1216}.open .l1.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l1.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l2{top:50px;left:50px;right:50px;bottom:50px;background:#701a1a;transition-delay:.045455s}.open .l2{transition-delay:.045455s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l2{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l2:hover{background:shade(#701a1a, 90%);transition-delay:0s}.open .l2:hover div{color:#0d1216}.open .l2:active{background:shade(#701a1a, 50%);color:#0d1216}.open .l2.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l2.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l3{top:100px;left:100px;right:100px;bottom:100px;background:#6c1a1a;transition-delay:.090909s}.open .l3{transition-delay:.090909s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l3{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l3:hover{background:shade(#6c1a1a, 90%);transition-delay:0s}.open .l3:hover div{color:#0d1216}.open .l3:active{background:shade(#6c1a1a, 50%);color:#0d1216}.open .l3.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l3.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l4{top:150px;left:150px;right:150px;bottom:150px;background:#681919;transition-delay:.136364s}.open .l4{transition-delay:.136364s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l4{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l4:hover{background:shade(#681919, 90%);transition-delay:0s}.open .l4:hover div{color:#0d1216}.open .l4:active{background:shade(#681919, 50%);color:#0d1216}.open .l4.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l4.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l5{top:200px;left:200px;right:200px;bottom:200px;background:#641818;transition-delay:.181818s}.open .l5{transition-delay:.181818s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l5{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l5:hover{background:shade(#641818, 90%);transition-delay:0s}.open .l5:hover div{color:#0d1216}.open .l5:active{background:shade(#641818, 50%);color:#0d1216}.open .l5.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l5.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l6{top:250px;left:250px;right:250px;bottom:250px;background:#601717;transition-delay:.227273s}.open .l6{transition-delay:.227273s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l6{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l6:hover{background:shade(#601717, 90%);transition-delay:0s}.open .l6:hover div{color:#0d1216}.open .l6:active{background:shade(#601717, 50%);color:#0d1216}.open .l6.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l6.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l7{top:300px;left:300px;right:300px;bottom:300px;background:#5c1717;transition-delay:.272727s}.open .l7{transition-delay:.272727s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l7{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l7:hover{background:shade(#5c1717, 90%);transition-delay:0s}.open .l7:hover div{color:#0d1216}.open .l7:active{background:shade(#5c1717, 50%);color:#0d1216}.open .l7.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l7.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l8{top:350px;left:350px;right:350px;bottom:350px;background:#581616;transition-delay:.318182s}.open .l8{transition-delay:.318182s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l8{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l8:hover{background:shade(#581616, 90%);transition-delay:0s}.open .l8:hover div{color:#0d1216}.open .l8:active{background:shade(#581616, 50%);color:#0d1216}.open .l8.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l8.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l9{top:400px;left:400px;right:400px;bottom:400px;background:#541515;transition-delay:.363636s}.open .l9{transition-delay:.363636s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l9{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l9:hover{background:shade(#541515, 90%);transition-delay:0s}.open .l9:hover div{color:#0d1216}.open .l9:active{background:shade(#541515, 50%);color:#0d1216}.open .l9.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l9.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l10{top:450px;left:450px;right:450px;bottom:450px;background:#501414;transition-delay:.409091s}.open .l10{transition-delay:.409091s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l10{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l10:hover{background:shade(#501414, 90%);transition-delay:0s}.open .l10:hover div{color:#0d1216}.open .l10:active{background:shade(#501414, 50%);color:#0d1216}.open .l10.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l10.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.l11{top:500px;left:500px;right:500px;bottom:500px;background:#4c1414;transition-delay:.454545s}.open .l11{transition-delay:.454545s;-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 205deg);opacity:1}@media only screen and (max-width: 992px){.open .l11{-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg);transform:scale3d(1, 1, 1) rotate3d(0, 0, 1, 190deg)}}.open .l11:hover{background:shade(#4c1414, 90%);transition-delay:0s}.open .l11:hover div{color:#0d1216}.open .l11:active{background:shade(#4c1414, 50%);color:#0d1216}.open .l11.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 25deg);background:#0d1216}@media only screen and (max-width: 992px){.open .l11.toggle{-webkit-transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg);transform:scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 10deg)}}.toggle{line-height:100px;padding:0;width:100px;background:black;opacity:1;-webkit-transform:none;transform:none;pointer-events:auto;transition-delay:0s;color:white}.open .toggle{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}.toggle:hover{background:shade(#481313, 90%);text-decoration:underline}.toggle:active{background:shade(#481313, 50%);-webkit-transform:scale(0.9);transform:scale(0.9);transition-duration:0s}
/*# sourceMappingURL=starter.css.map */