Send Us Your Sorrows

We're not therapists, but we're willing to listen. Send us your deepest fears, your darkest regrets, and your most existential crises. We'll try to offer some half-baked solutions, but no promises.

/* CSS */ body { background-color: #333; font-family: "Arial Black", monospace; font-size: 18px; margin: 0; padding: 0; color: #fff; overflow: hidden; background: linear-gradient(135deg, #ff0d0, #fff); border: 1px solid #000; border-radius: 0; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5); } .main { display: grid; width: 800px; margin: 40px auto; background: #333; padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .title { font-size: 36px; font-weight: bold; color: #ff0d0; border-bottom: 4px solid #000; text-align: center; margin-bottom: 20px; } .description { font-size: 18px; color: #fff; margin-bottom: 40px; } .form { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; background: #333; padding: 20px; border: 4px solid #000; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .send-button { background: #000; border: none; color: #fff; padding: 10px 20px; border-radius: 5px; font-size: 18px; text-align: center; cursor: pointer; } .links { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; background: #333; padding: 20px; border: 4px solid #000; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } .link { display: inline-block; color: #fff; text-decoration: none; border-bottom: 4px solid #000; padding: 10px 20px; font-size: 18px; text-align: center; transition: background 0.2s ease; } .link:hover { background: #000; color: #ff0d0; border-bottom: 4px solid #ff0d0; }