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}body,html{margin:0}.background,body,html{height:100%;overflow:hidden}.background{background-attachment:fixed;background-image:url(/static/media/bg.6ba57992fd1c89ee5541.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:100%}.header{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:60px;justify-content:space-between;padding:0 20px;z-index:1}.content{background:rgba(50,40,70,.9);box-shadow:0 0 5px #000;color:#fff;margin:50px auto;max-height:calc(100vh - 110px);max-width:800px;overflow-y:auto;padding:50px;text-align:left}.content img{display:block;margin:0 auto}ul li a{color:#fff}.header ul{align-items:center;display:flex;justify-content:flex-end;list-style:none;margin:0;padding:0 20px 0 0;width:100%}.header ul li{display:inline-block;margin-right:10px;padding-left:10px}.header ul li a{color:#fff}.dropDown{display:none;overflow:hidden}.dropButton{background-color:inherit;border:none;color:#fff;font-family:inherit;font-size:16px;margin:0;outline:none;padding:14px 16px}.dropdown-content{background-color:#f9f9f9;border:1px solid #ddd;border-radius:4px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);display:none;min-width:160px;padding:12px 16px;position:absolute;right:0;z-index:1}.dropdown-content a{color:#000;display:block;padding:12px 16px;text-decoration:none}.dropdown-content a:hover{background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}@media screen and (max-width:768px){.dropDown{display:block}.header ul{background-color:rgba(0,0,0,.8);display:none;flex-direction:column;height:100%;justify-content:space-around;left:0;padding-right:0;position:absolute;top:50px;transition:all .5s ease;width:100%}.header ul.active{display:flex}.header ul li{margin:10px;padding:0;text-align:center;width:100%}.header{height:50px;padding:0 10px}.header ul li a{display:block;padding:10px 0}.content{padding:20px}}a{color:#fff}a:hover{color:#00f}.dropdown-content.show,.menu-item:hover .dropdown-menu{display:block}.content form{display:flex;flex-direction:column;gap:1.5rem;max-width:100%}.content label{font-size:1rem;font-weight:700;margin-bottom:.5rem}.content input,.content textarea{background-color:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;font-size:1rem;outline:none;padding:.75rem;transition:border-color .3s ease;width:100%}.content input:focus,.content textarea:focus{border-color:hsla(0,0%,100%,.7)}.content textarea{min-height:150px;resize:vertical}.content button{align-self:flex-start;background-color:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.3);border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .3s ease}.content button:hover{background-color:#000}.content button:disabled{cursor:not-allowed;opacity:.5}@media screen and (max-width:768px){.content form{gap:1rem}.content input,.content textarea{padding:.5rem}.content button{align-self:stretch;width:100%}}.modal{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;overflow-y:hidden;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:rgba(50,40,70,.9);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;margin:15vh auto;max-height:80vh;max-width:80%;overflow-y:auto;padding:20px;position:relative;text-align:left}.close{color:#fff;cursor:pointer;font-size:28px;font-weight:700;position:fixed;right:10%;top:15vh;z-index:1010}.close:focus,.close:hover{color:#bbb;cursor:pointer;text-decoration:none}.character-modal{background-color:#1a1a2e;border-radius:8px;color:#fff;max-width:100%;overflow:hidden;padding:20px;position:relative}.character-modal .image-container{margin-bottom:15px;max-width:100%;overflow:hidden}.character-modal img{display:block;margin:0 auto;max-height:400px;max-width:100%;object-fit:contain}.character-modal .info-container{max-width:100%;padding:15px}.character-modal .info-container+.info-container{margin-top:15px}
/*# sourceMappingURL=main.bfa2b580.css.map*/