@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";
:root{--primary-color:#1976d2;--background:#fff}*{box-sizing:border-box;margin:0;padding:0;font-family:Roboto,sans-serif}html{max-width:100vw;overflow-x:hidden}body{max-width:100vw}a{color:inherit;text-decoration:none}.app{background-color:var(--background);min-height:100vh}.app-main{height:min-content;margin:auto;padding:1.5rem}.app.dark{--background:#121212}.hero-image{height:970px;margin-left:auto;margin-right:auto;padding-top:2rem}.button-container{width:fit-content;margin:1rem auto;padding-left:.5rem;padding-right:.5rem}.monster-nav-list{flex-direction:column;height:100%;display:flex}.monster-list-container{flex-flow:wrap;justify-content:center;align-items:center;padding:2rem;display:flex}.monster-detail-main{flex-direction:column;align-items:center;width:fit-content;max-width:100%;margin:1rem auto;padding:2rem;display:flex}.monster-detail-art-container{flex-direction:row;padding:1rem;display:flex}.monster-detail-memory-container,.monster-detail-original-container{margin:0 1rem;padding:1.5rem}.monster-detail-info{border:1px solid var(--primary-color);border-radius:4px;padding:2rem 4rem}.monster-detail-info ul{list-style-type:none}.monster-detail-info ul li{padding-top:5px}.monster-detail-stats,.monster-detail-types{margin-top:1rem}.hidden-image{filter:contrast(0%)}.dark-mode-toggle{margin-left:1rem}.search-container{flex-direction:row;justify-content:center;margin:1rem auto;display:flex}.search-element{width:100%;max-width:400px}.edit-options-container{flex-direction:row;justify-content:space-around;width:100%;margin-top:1rem;display:flex}.edit-monster-form{margin-top:2rem;padding-top:2rem}.file-name{flex-direction:row;justify-content:center;align-items:center;margin-top:.5rem;display:flex}.about-main{width:80%;max-width:900px;margin:3rem auto;padding:3rem}.bio-main{text-align:center;margin-top:2rem}.bio-headline{margin-top:1rem;margin-bottom:.5rem}.bio-body{letter-spacing:1px;line-height:1.3}.bio-close{margin-top:2rem;margin-bottom:.5rem}.success-heading,.success-message{margin-bottom:1rem}.error-message{text-transform:uppercase;text-align:center;color:gray;flex-direction:column;justify-content:center;align-items:center;padding:1rem;font-weight:700;display:flex}@media (max-width:900px){.monster-detail-art-container{flex-direction:column;margin:0;padding:0}.monster-detail-memory-container,.monster-detail-original-container{max-width:100vw;margin:1rem 0;padding:2.5rem}.memory-artwork{width:300px}.monster-detail-info{max-width:100vw;margin-top:1rem;padding:2rem 5rem}.hero-image{height:600px}.hero-text{font-size:2rem}}@media (max-width:600px){.search-container{flex-direction:column;justify-content:center;align-items:center;width:80%}.search-button,.search-field{width:100%;max-width:400px}.search-button{padding:1rem 0}.hero-image{height:400px}.hero-text{font-size:1.5rem}}@media (max-width:500px){.mobile-logo{display:none}.about-main{margin:1rem auto;padding:1rem}.monster-detail-main,.monster-detail-memory-container,.monster-detail-original-container{padding:1rem}}@media (max-width:450px){.logo-mobile-layout,.logo-desktop-layout{display:none}}