@import "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";:root{--scrollbar-color:auto;--body-bg:#f0f0f0;--element-bg:white;--font-colour:#000;--img-filter:none}:root[data-theme=dark]{--scrollbar-color:#888 #14120e;--body-bg:#14120e;--element-bg:#1e1a14;--font-colour:#ede4ce;--img-filter:invert()}html{scrollbar-color:var(--scrollbar-color)}body{background-color:var(--body-bg);min-height:100dvh;color:var(--font-colour);text-align:center;margin:0;padding:0;font-family:Roboto,Trebuchet MS;display:flow-root;position:relative;overflow-x:hidden}button{cursor:pointer}h1{margin:2.5rem}#hamburger-menu{background-color:var(--body-bg);color:var(--font-colour);clip-path:circle(50%);border:none;width:auto;height:9vh;margin:2rem 1rem 1rem;position:absolute;top:0;left:0}#hamburger-icon{width:100%;height:100%;filter:var(--img-filter)}#sidenav{background-color:var(--element-bg);color:var(--font-colour);z-index:3;width:0;max-width:380px;height:100%;transition:width .4s;position:fixed;top:0;left:0;overflow-x:hidden}@media (width<=600px){#sidenav{transition:width .3s}}#sidenav-background{visibility:hidden;z-index:2;background-color:#000c;position:fixed;inset:0}#close-sidenav{background-color:var(--element-bg);width:auto;height:6%;max-height:58px;color:var(--font-colour);border:none;margin:1rem;position:absolute;top:0;right:0}#close-sidenav img{width:100%;height:100%;filter:var(--img-filter)}#sidenav-tabs{margin-top:5.2rem}@media (width<=600px){#sidenav-tabs{margin-top:4.5rem}}.sidenav-tab{background-color:var(--element-bg);width:100%;height:3rem;color:var(--font-colour);border:none;margin:.25rem 0;font-size:1.5rem}.sidenav-tab:hover,.sidenav-tab.active-tab{background-color:var(--body-bg);color:var(--font-colour)}.tab-divider{background-color:var(--font-colour);border:none;width:90%;height:1.5px}#theme-switcher{background-color:var(--body-bg);color:var(--font-colour);clip-path:circle(50%);border:none;width:auto;height:8vh;margin:2rem 1rem 1rem;position:absolute;top:0;right:0}#theme-icon{width:100%;height:100%;filter:var(--img-filter)}#search-bar{background-color:var(--element-bg);color:var(--font-colour);border-radius:1.5rem;width:15vw;margin:0 auto;padding:10px}@media (width<=600px){#search-bar{width:90%}}#search-bar img{vertical-align:-.15em;width:1em;height:1em;filter:var(--img-filter)}#search-bar input{background-color:var(--element-bg);width:80%;color:var(--font-colour);border:none}#card-container{flex-wrap:wrap;justify-content:center;display:flex}.monster-card{background-color:var(--element-bg);width:20%;height:auto;color:var(--font-colour);box-sizing:border-box;border-radius:1.5rem;margin:1.5%;padding:15px;box-shadow:8px 16px #0000001a}@media (width<=600px){.monster-card{width:90%;margin:5%}}.monster-icon{width:100%;max-width:227px;height:auto}.element-icon{vertical-align:-.15em;width:1em;height:1em}.toastify{color:#fff;opacity:0;cursor:pointer;z-index:2147483647;background:linear-gradient(135deg,#73a5ff,#5477f5);border-radius:2px;max-width:calc(50% - 20px);padding:12px 20px;text-decoration:none;transition:all .4s cubic-bezier(.215,.61,.355,1);display:inline-block;position:fixed;box-shadow:0 3px 6px -1px #0000001f,0 10px 36px -4px #4d60e84d}.toastify.on{opacity:1}.toast-close{color:#fff;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0 5px;font-family:inherit;font-size:1em}.toastify-right{right:15px}.toastify-left{left:15px}.toastify-top{top:-150px}.toastify-bottom{bottom:-150px}.toastify-rounded{border-radius:25px}.toastify-avatar{border-radius:2px;width:1.5em;height:1.5em;margin:-7px 5px}.toastify-center{max-width:-moz-fit-content;margin-left:auto;margin-right:auto;left:0;right:0}@media only screen and (width<=360px){.toastify-right,.toastify-left{max-width:fit-content;margin-left:auto;margin-right:auto;left:0;right:0}}#github-link{width:auto;height:75px;filter:var(--img-filter);border-radius:10px;justify-content:center;align-items:center;margin:10px;transition:box-shadow .3s,transform .3s;display:flex;position:absolute;bottom:0;left:0}#github-link:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}@media (width<=600px){#github-link{position:static}}#github-link img{width:auto;height:75px}