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{text-align:center;>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;>ruby-span{margin-right:18px};}}.errorDisplay{background-color:#fee;border:1px solid #fcc;border-radius:5px;margin:20px 0;padding:20px}.logout-button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .2s;&:hover{background-color:#c82333}&:active{background-color:#bd2130}}.navigation{margin:20px 0;button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin:0 5px;padding:10px 15px;transition:background-color .3s;&:hover{background-color:#21a1f1}&:disabled{background-color:#ccc;cursor:not-allowed}}span{font-size:18px;margin:0 10px}}.comic-page{margin:20px 0;img{border:2px solid #333;cursor:pointer;display:block;margin:0 auto;max-width:600px}}.back-galery-button{background-color:#61dafb;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 15px;transition:background-color .3s;&:hover{background-color:#21a1f1}}.album{border:2px solid #333;border-radius:5px;cursor:pointer;padding:10px;text-align:center;transition:transform .3s,box-shadow .3s;width:200px;&:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}img{border-radius:5px;height:300px;max-width:100%}h2{font-size:18px;margin:10px 0 5px}p{color:#666;font-size:14px;margin:0}}.gallery{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:20px 50px 50px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:40px;width:100%}.login-title{color:#333;margin-bottom:30px;text-align:center}.login-form{display:flex;flex-direction:column}.form-group{margin-bottom:20px}.form-label{color:#333;display:block;font-weight:700;margin-bottom:5px}.form-input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:16px;padding:10px;width:100%;&:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:4px;color:#c33;margin-bottom:20px;padding:10px}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background-color .2s;width:100%;&:hover{background-color:#0056b3}&:active{background-color:#004085}&--loading{background-color:#999;cursor:not-allowed;&:hover{background-color:#999}}}.login-hint{color:#666;font-size:14px;margin-top:20px;text-align:center}
/*# sourceMappingURL=main.cbf7d8c3.css.map*/