body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background-color:#1a1209;display:flex;flex-direction:row;height:100%;overflow:auto;position:absolute;width:100%}.app h1{color:#c08423;line-height:25px}.app h2{color:#f0e6d0;margin-left:20px}.app h2,.app h3{line-height:15px}.app h3{color:#c29c7f;margin-left:40px}.app p{color:#f0e6d0;font-size:22px}.flex-center{align-items:center;align-self:auto;display:flex;flex-direction:column;width:100%}.flex-centre-top{align-content:center;align-self:flex-start;display:flex;flex-direction:row;height:25vmin;justify-content:center;text-align:center;width:100%}.img-header-image{align-self:auto;height:auto;width:60vmin}.btn-dragon-eye{align-self:flex-start;background-color:#1a1209;border:none;margin-top:3vmin;outline:0}.img-dragon-eye{height:auto;width:13vmin}.logo{align-self:flex-start;height:auto;margin-top:2vmin;width:15vmin}@media (prefers-reduced-motion:no-preference){.logo{animation:App-logo-spin 20s linear infinite}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.flex-centre-bottom{align-self:flex-end;height:100%;text-align:center;width:100%}.img-dragon{height:auto;width:55vmin}.heroes{align-items:center;display:flex;flex-direction:column}.search{margin-bottom:5px;margin-top:20px;max-width:100vmin;width:100%}.search-wrapper{align-items:center;background:#c084230f;border:1px solid #c08423;border-radius:3px;display:flex;gap:12px;padding:10px 16px;width:20vmin}.search-icon{color:#c08423;font-size:22px;line-height:1;-webkit-user-select:none;user-select:none}.search-text{background:#0000;border:none;color:#f0e6d0;flex:1 1;font-size:1.3vmin;letter-spacing:1px;outline:none}.search-text::placeholder{color:#f0e6d059;letter-spacing:1px}.hero{align-items:flex-start;box-sizing:border-box;flex-direction:row;max-width:100vmin}.details,.hero{display:flex;width:100%}.details{align-items:left;flex-direction:column;margin-right:10px;padding:0}.name{color:#c08423;font-size:4vmin;margin-bottom:10px;text-align:left}.trait{align-items:baseline;display:flex;flex-direction:row;gap:8px;margin-bottom:4px}.label-heading{font-weight:700}.label,.label-heading{color:#c08423;font-size:1.6vmin;letter-spacing:1px;text-align:left;text-transform:uppercase;white-space:nowrap;width:auto}.label{margin-left:10px}.value{color:#f0e6d0;font-size:1.4vmin;margin-left:3px;text-align:left}.divider{background:linear-gradient(90deg,#0000,#c08423b3,#0000);border:none;height:1px;margin:12px 0;width:100%}.image{height:auto;overflow:hidden;width:40vmin}.description{color:#f0e6d0;font-size:1.4vmin;text-align:justify}.hero-list-divider{align-items:center;color:#b8860b;display:flex;font-size:1.2rem;margin:2rem 0;text-align:center;width:120vmin}.hero-list-divider:after,.hero-list-divider:before{background:linear-gradient(90deg,#0000,#b8860b);content:"";flex:1 1;height:1px;margin:0 .75rem}.hero-list-divider:after{background:linear-gradient(270deg,#0000,#b8860b)}.monster-list-divider{align-items:center;color:#b8860b;display:flex;font-size:1.2rem;margin:2rem 0;text-align:center;width:80vmin}.monster-list-divider:after,.monster-list-divider:before{background:linear-gradient(90deg,#0000,#b8860b);content:"";flex:1 1;height:1px;margin:0 .75rem}.monster-list-divider:after{background:linear-gradient(270deg,#0000,#b8860b)}.monster-list{align-items:center;display:flex;flex-direction:column}.monster-name{text-align:left;width:80vmin}.monster-information{align-self:center;display:flex;flex-direction:column;width:80vmin}.monster-description{font-style:italic;opacity:.85;text-align:left}.monster-details{display:flex;flex-flow:row;gap:32px;margin-top:8px;padding-top:8px}.monster-stats{align-self:flex-start;display:flex;flex-direction:column;gap:4px}.stat-row{align-items:baseline;border:1px solid #c08423;border-radius:3px;display:flex;flex-direction:row;gap:8px;padding:3px 10px}.stat-label{color:#c08423;font-size:.7em;font-weight:700;letter-spacing:1px;min-width:44px}.stat-value{color:#f0e6d0;font-size:.85em}.monster-attributes{align-self:flex-start;display:flex;flex-direction:column;gap:4px}.ability-score{align-items:center;border:1px solid #c08423;border-radius:3px;display:flex;flex-direction:column;min-width:62px;padding:3px 8px}.ability-label{color:#c08423;font-size:.7em;font-weight:700;letter-spacing:1px}.ability-value{color:#f0e6d0;font-size:.85em}.login-page{background-color:#464956;height:100%;justify-content:center;position:absolute;width:100%}.login-form,.login-page{align-items:center;display:flex}.login-form{background-color:#3a3d48;border:2px solid #c08423;border-radius:8px;flex-direction:column;padding:40px;width:360px}.login-page h1{color:#c08423;font-size:28px;line-height:32px;margin-bottom:4px}.login-page h2{color:#c58250;font-size:18px;line-height:22px;margin-bottom:24px}.login-page h3{margin-bottom:5px}.login-page h3,.login-page p{color:#c29c7f;font-size:18px}.login-input{background-color:#464956;border:1px solid #c08423;border-radius:4px;box-sizing:border-box;color:#e0d6cc;font-size:15px;margin-bottom:14px;outline:none;padding:10px 12px;width:100%}.login-input:focus{border-color:#c58250;box-shadow:0 0 4px #c0842366}.login-input::placeholder{color:#8a8a8a}.login-button{background-color:#c08423;border:none;border-radius:4px;color:#1e1f24;cursor:pointer;font-size:16px;font-weight:700;margin-top:6px;padding:10px;width:100%}.login-button:hover{background-color:#c58250}.login-error{color:#e05555;font-size:14px;margin-bottom:12px;text-align:center}.nav-bar{align-content:center;align-self:flex-start;background-color:#3d0a0a;display:flex;flex-direction:row;justify-content:center;text-align:center;width:100%}.nav-link,.nav-link span{display:block;text-decoration:none}.nav-link span{color:#f0e6d0;font-size:1.7vmin;font-weight:700;margin-bottom:1vmin;margin-left:1vmin;margin-top:1vmin}.nav-link:hover span{color:#c08423}
/*# sourceMappingURL=main.6ba3122b.css.map*/