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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background-color:#121212;border-radius:10px;box-shadow:0 4px 8px #0000004d;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;max-width:100vw;min-height:100vh;overflow:hidden;padding:20px;position:relative}.App,h1{text-align:center}h1{background:linear-gradient(90deg,#e50914,#ff414d);-webkit-background-clip:text;color:#e50914;color:#0000;font-size:3rem;font-weight:700;margin-bottom:20px;padding:10px;text-transform:uppercase;width:100%}.homepage-logo{margin-top:125px;text-align:center}.homepage-logo img{height:auto;margin:0 auto;width:200px}h2{color:#e50914;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-transform:uppercase}h4{color:#e50914;font-size:1em}h4,h5{word-wrap:break-word;height:auto;margin-top:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}h5{color:#fff;font-size:.8em}img{border-radius:4px;height:200px;margin-bottom:10px;object-fit:cover;width:100px}.comics-scroll{background-color:initial;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px;max-height:80vh;max-width:100%;overflow:auto;padding:10px 0}.comic-card{background-color:initial;border-radius:8px;box-shadow:0 2px 5px #0000001a;flex:0 0 auto;overflow:hidden;padding:10px;text-align:center;transition:transform .3s ease;width:150px}.comic-card:hover{transform:translateY(-5px)}.comic-card img{border-radius:4px;height:200px;margin-bottom:10px;object-fit:contain;width:100%}.comic-card h4{color:#e50914;font-size:1em}.comic-card h4,.comic-card h5{word-wrap:break-word;height:auto;margin-top:5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal}.comic-card h5{color:#fff;font-size:.8em}form{align-items:center;background-color:#1c1c1c;border-radius:8px;box-shadow:0 4px 8px #0000004d;display:flex;flex-direction:column;margin:0 auto;max-width:400px;padding:20px;width:100%}form input,form select{background-color:#2c2c2c;border:1px solid #444;border-radius:4px;font-size:14px;margin:8px 0;padding:12px}form button,form input,form select{color:#fff;max-width:300px;width:100%}form button{background-color:#e50914;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:15px;padding:12px 20px}form button:hover{background-color:#ff414d}.ProfilePage{color:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px}.profile-section{flex-shrink:0;margin-bottom:20px}h1,h2{text-align:center}.comics-list{flex-grow:1;max-height:calc(100vh - 250px);overflow-y:auto}.profile-info{text-align:center}.profile-image{height:auto;max-height:150px;max-width:150px;object-fit:contain;width:100%}.comic-item{align-items:center;display:flex;margin-bottom:15px}.comic-item img{border-radius:5px;height:auto;margin-right:15px;width:100px}.comic-details{display:flex;flex:1 1;flex-direction:column}.comic-details div{margin-bottom:5px}.comic-actions{margin-top:10px}h3,p{color:#fff}h1,h2{color:#e50914}.profile-info button{background-color:#ff6f61;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.profile-info button:hover{background-color:#ff3b2f}@media (max-width:768px){.ProfilePage{padding:10px}.profile-info img{max-width:120px}.comic-item img{width:80px}.comic-details{align-items:flex-start;flex-direction:column}}.ProfilePage button{background-color:#e50914;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}.ProfilePage button:hover{background-color:#ff414d}.navbar{background-color:#222;color:#fff;justify-content:space-between;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.nav-left,.navbar{align-items:center;display:flex}.nav-left .navbar-logo{height:auto;margin-right:15px;width:50px}.nav-item{border-radius:5px;color:#fff;font-size:16px;margin:0 10px;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.nav-item:hover{background-color:#555}.nav-right{align-items:center;display:flex;margin-right:45px}.logout-button{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px}.logout-button:hover{background-color:#d32f2f}body{align-items:center;background-color:#121212;background-image:url(https://www.transparenttextures.com/patterns/black-linen.png);background-repeat:repeat;display:flex;justify-content:center;margin:0;min-height:100vh;padding:0}.add-to-comic-list-btn{background-color:#e50914;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:10px 20px;transition:background-color .3s}.add-to-comic-list-btn:hover{background-color:#b20710}.add-to-comic-list-btn:disabled{background-color:#ccc;cursor:not-allowed}.signup-button{font-size:16px;transition:background-color .3s,transform .3s}.signup-button:hover{transform:scale(1.05)}.signup-button:focus{box-shadow:0 0 5px #0003;outline:none}.edit-comic-form{background-color:#272626;border-radius:8px;margin-left:-20px;max-width:500px;padding:10px;width:90%}.edit-comic-form input,.edit-comic-form select,.edit-comic-form textarea{border:1px solid #ccc;border-radius:4px;margin:8px 0;padding:8px;width:100%}.edit-comic-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 16px}.edit-comic-form button[type=button]{background-color:#ccc;margin-left:8px}.friend-requests-container{display:flex;gap:20px;overflow-x:auto;padding:10px}.friend-request-item{align-items:center;display:flex;flex-direction:column}.friend-request-link{color:inherit;text-align:center;text-decoration:none}.friend-request-item img{height:"auto";margin-bottom:10px;width:50px}.friend-request-item p{font-weight:700;margin:0}.friends-container{display:flex;gap:20px;overflow-x:auto;padding:10px}.friend-item{align-items:center;display:flex;flex-direction:column}.friend-link{color:inherit;text-align:center;text-decoration:none}.friend-item img{height:"auto";margin-bottom:10px;width:50px}.friend-item p{font-weight:700;margin:0}.messages .message-section{margin-top:20px}.messages .message-display{margin-bottom:20px;max-height:400px;overflow-y:auto}.messages .message{border-radius:8px;margin-bottom:10px;max-width:80%;padding:10px}.messages .message.sent{background-color:#dcf8c6;margin-left:auto}.messages .message.received{background-color:#f1f1f1;margin-right:auto}.messages .message-text{word-wrap:break-word}.messages .message-input{align-items:center;display:flex}.messages .message-textarea{border:1px solid #ddd;border-radius:8px;padding:10px;resize:none;width:80%}.messages .send-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-left:10px;padding:10px 20px}.messages .send-button:hover{background-color:#d32f2f}.messages .friend-list li{align-items:center;background-color:#555;border-radius:4px;cursor:pointer;display:flex;margin:5px 0;padding:10px;transition:background-color .3s ease}.messages .friend-list li:hover{background-color:#d32f2f}.messages .friend-list .selected{background-color:#f44336;color:#fff}.messages .friend-list .friend-pfp{height:auto;margin-right:10px;width:10%}.messages .friend-list .friend-username{font-weight:700}.signup-container{margin-top:20px}.signup-container h5{margin-bottom:10px}.signup-button{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.signup-button:hover{background-color:#45a049}.no-link-style{color:#fff;text-decoration:none}
/*# sourceMappingURL=main.f087a4d7.css.map*/