*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:15px;--text-color-light:white;--text-color-dark:black;--secondary-color:#f0f2f5;--secondary-color-blue: rgb(0, 132, 255);--secondary-color-gray: rgb(228, 230, 235);--border-radius-big: 18px;--border-radius-small: 18px;--box-shadow: 0px 2.9825618267059326px 7.456404209136963px rgba(0, 0, 0, .1)}body{background-color:#add8e6;padding:3%;box-sizing:border-box}h1{text-align:center}.mainContainer{display:flex;flex-wrap:wrap;min-width:340px;justify-content:flex-start}.jokesContainer{margin:20px;display:flex;flex-direction:column;justify-content:space-between;padding:3%;background:var(--text-color-light);width:400px;height:250px;border-radius:var(--border-radius-big);box-shadow:var(--box-shadow);gap:20px}.information{display:flex;flex-direction:column;gap:10px}.setupContainer,.punchlineContainer{padding:7px 10px;width:300px;border-radius:var(--border-radius-big)}.setupContainer{align-self:flex-start;background:var(--secondary-color-blue);color:var(--text-color-light)}.punchlineContainer{align-self:flex-end;background:var(--secondary-color-gray);color:var(--text-color-dark)}.textboxContainer{display:flex;width:100%;height:20px;justify-content:space-between;align-items:center}.textBox{border-radius:var(--border-radius-big);width:90%;height:25px;background:var(--secondary-color)}.sendIcon{border-radius:50%;width:25px;height:25px}