@font-face{font-family:Komika;src:url(/assets/KOMIKAX_-D0poqGk7.ttf)}@keyframes slide{0%{background-position-x:0;background-position-y:0}to{background-position-x:1000px;background-position-y:500px}}.loading{position:fixed;width:100%;height:100%;background-color:#33441f;z-index:100;text-align:center;font-family:Komika;text-shadow:0px 0px 15px black;-webkit-text-stroke:10px black;color:#fff;paint-order:stroke fill;display:flex;flex-direction:r}.loading h1{text-align:center;vertical-align:middle;margin:auto}body{padding:0;margin:0;background-color:#618e3f;background-image:url(../TwitchOBSlayoutBackground.png);background-size:250px;background-repeat:repeat;animation:slide 25s linear infinite;color:#fff;font-family:Arial,Helvetica,sans-serif}header{padding:15px;text-align:center;font-family:Komika;text-shadow:0px 0px 15px black;-webkit-text-stroke:10px black;paint-order:stroke fill;font-size:larger;background-color:#2a4010ed;border-radius:15px;margin-bottom:25px;box-shadow:0 0 5px #00000080}header h1{margin:0}canvas{background-image:url(/assets/paperBackground-CF69oyx3.png);background-repeat:repeat;background-color:#fff;border:4px solid rgba(42,64,16,1);border-radius:5%;box-shadow:0 0 10px #00000080}.canvasContainer{position:relative;display:inline-block}#loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;z-index:10;justify-content:center;align-items:center;border-radius:5%;font-size:2em;transition:all .01s linear;font-family:Komika,sans-serif;-webkit-text-stroke:10px black;paint-order:stroke fill}.main{display:flex;justify-content:center;align-items:center;width:100%}#content{margin:15px 15px 15px 100px;width:50%}.exampleLine{background-color:#2a4010;border-radius:25px;display:flex;align-items:center;justify-content:space-around;margin:5px 0;padding:0 15px}.exampleImg{transform:scale(1);transition:all .15s ease-in-out;will-change:transform;width:33.3333333%;max-width:fit-content}.selectedExample{-webkit-filter:drop-shadow(-0px -0px 10px #618e3f);transform:scale(1.05) rotate(.01turn);filter:drop-shadow(-0px -0px 10px #618e3f)}.exampleImg:hover{transform:scale(1.05) rotate(.01turn);cursor:pointer}.characterButton{visibility:none;display:none}footer{text-align:center;background-color:#2a4010ed;border-radius:15px 15px 0 0;box-shadow:0 0 5px #00000080;padding:15px;margin-top:25px;font-size:1.35em}footer p{margin:0}@media only screen and (max-width: 1900px){.main{display:block;justify-content:center;align-items:center;width:100%}.canvasContainer{width:100%}canvas{width:100%!important;display:block;border:none;border-radius:0}header{border-radius:0;margin-bottom:0}#content{margin:15px 0;width:100%}.exampleLine{margin:15px}}a{color:#fff}@media only screen and (max-width: 1899px){header{position:fixed;z-index:50;width:100%;font-size:.75em;text-shadow:0px 0px 10px black;-webkit-text-stroke:5px black;height:40px}footer{position:fixed;z-index:50;bottom:0;width:100%;border:none;border-radius:0;font-size:1.35em}#content{position:fixed;z-index:51;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;background-color:#33441f81}.exampleLine{background-color:#33441fbe}.exampleImg{width:33.3333333%;max-height:fit-content}.canvasContainer{margin:0}canvas{margin:0}.main{display:flex;justify-content:center;align-items:center;width:100%}body{margin:0;padding:0}.characterButton{visibility:visible;display:block;position:fixed;z-index:55;right:5px;top:75px;margin:0;padding:10px;width:75px;height:75px;border:none;background-color:#384c20;color:#fff;border-radius:15px;transition:all .05s ease-in-out}.characterButton:hover{background-color:#445a2a;transform:scale(1.1)}.characterButton:active{background-color:#33441f;transform:scale(.9);font-size:.6em}.selectedExample{-webkit-filter:drop-shadow(-0px -0px 10px #ffffff);transform:scale(1.05) rotate(.01turn);filter:drop-shadow(-0px -0px 10px #ffffff)}}