*{box-sizing:border-box;margin:0;padding:0}.App{background-color:#f3fafb;color:#381a4b;display:grid;font-family:Caveat,cursive;font-size:max(1.7vw,16px);grid-template:"main nav" auto "footer nav" 50px/1fr 54px;max-width:100vw;min-height:100vh}.AppNav{grid-template:"main nav" auto "footer nav" 50px/1fr 100px}h1{font-family:Lobster Two,cursive;font-size:max(5vw,25px);margin-bottom:max(1vw,5px)}h2{font-size:max(4vw,20px)}h2,h4{font-family:Lobster Two,cursive;margin:max(1vw,5px)}h4{font-size:max(2vw,16px)}main{grid-area:main;margin:5vw auto;width:75%}.centeredDiv{display:grid;grid-template:[row1-start] "image text" auto [row1-end]/3fr 4fr;height:100%;width:100%}#img_lowri{width:100%}.Navbar{align-items:end;background-color:#b6b4d0;box-shadow:2px 0 10px 5px #381a4b;-webkit-clip-path:inset(0 0 0 -10px);clip-path:inset(0 0 0 -10px);color:#381a4b;display:flex;flex-direction:column;font-family:sans-serif;grid-area:nav;height:100vh;min-height:100vh;padding:5px;position:-webkit-sticky;position:sticky;right:0;top:0;width:54px}.icon{width:45px}.Navbar__links{display:none;flex-direction:column;font-family:Caveat,cursive;font-size:max(2vw,25px);padding:14px;text-align:right}.Navbar__links__ToggleShow{display:flex}.Navbar__ToggleShow{width:100px}.navLinks{display:flex;flex-direction:column;justify-content:space-between}.Navbar__Icons{bottom:0;margin:5px 3px;position:absolute;right:0}footer{background-color:#381a4b;box-shadow:0 2px 10px 5px #381a4b;-webkit-clip-path:inset(-10px 0 0 -10px);clip-path:inset(-10px 0 0 -10px);color:#f3fafb;font-family:Caveat,cursive;font-size:max(1.6vw,16px);grid-area:footer;min-height:50px;padding-bottom:10px;padding-top:10px;text-align:center;width:100%}.game_button{background-color:#000;border:1px solid #000;color:#fff;font-size:30px;height:100px;margin:2px;width:100px}.hatOMatic img{border-radius:20px;display:block;margin:20px auto;max-height:60vh;max-width:60vw}.hatOMatic button{border-radius:50%;display:block;height:10vw;margin:20px auto;width:10vw}@media only screen and (max-width:768px){.centeredDiv{grid-template:[row1-start] "image" auto [row1-end] [row2-start] "text" auto [row2-end]/1fr}}
/*# sourceMappingURL=main.14b0fa58.css.map*/