@import"https://fonts.google.com/specimen/Poppins?query=poppins";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}.App{font-family:Poppins,sans-serif;color:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 80px;min-height:100vh}.header{width:100%;text-align:center;margin-bottom:50px}.header h1{font-size:calc(28px + 2vmin);font-weight:700;color:#fff;text-shadow:0 0 15px rgba(255,255,255,.2);margin-bottom:25px}.headerBtn{border-radius:12px;border:2px solid #646cff;padding:.6em 1.2em;font-size:15px;font-weight:500;font-family:inherit;background-color:#0000001a;color:#646cff;cursor:pointer;transition:background-color .3s ease,color .3s ease;margin:0 10px}.headerBtn:hover{background-color:#646cff;color:#fff}.ReadPosts{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;row-gap:40px;column-gap:40px;width:100%;max-width:1400px;justify-items:center}body{background:#111827;background-image:radial-gradient(at 47% 33%,hsl(205,77%,25%) 0,transparent 59%),radial-gradient(at 82% 65%,hsl(218,39%,25%) 0,transparent 55%);font-family:Poppins,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh}.Card{position:relative;display:flex;flex-direction:column;min-height:100%;max-width:400px;padding:25px 30px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#1f293780;color:#fff;transition:cubic-bezier(.075,.82,.165,1) .3s}.Card:hover{transform:translateY(-10px);box-shadow:0 16px 40px #00000080}.title{color:#f9fafb;font-size:24px;font-weight:600;margin-bottom:5px;text-shadow:0 0 5px rgba(0,0,0,.5)}.author{color:#9ca3af;margin-bottom:20px;font-size:16px;font-weight:500}.author:before{content:"by ";color:#6b7280}.description{color:#e5e7eb;text-align:left;margin-bottom:30px;font-size:15px;line-height:1.6}.betButton{border-radius:12px;border:none;padding:.8em 1.5em;font-size:16px;font-weight:600;font-family:inherit;background:linear-gradient(90deg,#5d5fef,#646cff);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #5d5fef66}.betButton:hover{transform:scale(1.05);box-shadow:0 6px 20px #5d5fef99}.moreButton{position:absolute;top:20px;right:20px;width:30px;height:30px;padding:5px;background-color:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease;color:#e5e7eb;font-size:20px;line-height:0}.moreButton:hover{background-color:#fff3}.edit-form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:40px;width:100%;max-width:600px;box-shadow:0 8px 32px #0000005e}.edit-form-container h1{font-size:32px;font-weight:600;color:#f9fafb;text-align:center;margin-top:0;margin-bottom:30px}.form-group{display:flex;flex-direction:column;width:100%;margin-bottom:25px}label{display:block;color:#9ca3af;font-size:16px;font-weight:500;margin-bottom:8px}.form-input{width:100%;background-color:#111827cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:15px;font-size:16px;color:#e5e7eb;font-family:Poppins,sans-serif;transition:border-color .3s ease,box-shadow .3s ease}*,*:before,*:after{box-sizing:border-box}.form-input::placeholder{color:#4b5563}.form-input:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 3px #646cff4d}textarea.form-input{resize:vertical;min-height:120px}.submit-btn{width:100%;border-radius:12px;border:none;padding:15px;font-size:18px;font-weight:700;font-family:inherit;background:linear-gradient(90deg,#5d5fef,#646cff);color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #5d5fef66;margin-top:20px}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #5d5fef99}.deleteButton{width:100%;border-radius:12px;border:none;padding:15px;font-size:18px;font-weight:600;font-family:inherit;background:#4b0c0c;color:#fecaca;border:1px solid #991B1B;cursor:pointer;transition:background-color .2s ease,color .2s ease;margin-top:15px}.deleteButton:hover{background-color:#991b1b;color:#fff}