*{margin:0;padding:0;box-sizing:border-box}:root{--font_roboto: "Roboto", sans-serif;--font_roboto_condensed: "Roboto Condensed", sans-serif;--font_roboto_serif: "Roboto Serif", serif;--font_stint_ultra_condensed: "Stint Ultra Condensed", serif;--html_font_family: var(--font_roboto);--clr_background_rgb: 135, 206, 235;--clr_foreground_rgb: 245, 222, 179;--clr_background: rgb(var(--clr_background_rgb));--clr_background_a: rgba(var(--clr_background_rgb), .2);--clr_header: rgb(16, 96, 176);--clr_foreground: rgb(var(--clr_foreground_rgb));--clr_foreground_a: rgb(var(--clr_foreground_rgb), .5)}html{font-size:16px;font-family:var(--html_font_family);font-weight:400;font-style:normal;scroll-behavior:smooth}body{width:600px;background-color:var(--clr_background);margin:30px auto}#root{background-color:var(--clr_foreground);padding:20px;border-radius:10px}header,footer{display:flex;justify-content:space-between;align-items:center;background-color:var(--clr_header);border-radius:10px;padding:10px 15px;color:#fff}header h1{display:inline-block}button{display:inline-block;padding:10px 20px;border-radius:10px;border:none;font-size:1.2rem;background-color:var(--clr_disabled);cursor:pointer;width:100px}.show_button{background-color:#3cb371;color:#fff}.hide_button{background-color:sienna;color:#fff}.edit_button{background-color:green;color:#fff}.edit_done_button{background-color:#8b0000;color:#fff}.disabled_button{background-color:#696969;color:#fff;cursor:not-allowed}main{margin:15px 0}main img{display:block;width:100%;border-radius:10px}.events{display:flex;flex-direction:column;gap:15px}.event{display:flex;justify-content:space-between;background-color:var(--clr_background_a);padding:15px;border-radius:10px;box-shadow:0 4px 8px #00000080;column-gap:15px}.event_info{width:100%}.event_info h3{margin-bottom:5px}.event_details,.event_desc{margin-top:5px}.event_buttons{display:flex;flex-direction:column;justify-content:space-between;row-gap:10px}.event_buttons>button{font-family:var(--font_roboto_condensed);font-size:1rem;width:70px;padding:5px 10px}.delete{background-color:#8b0000;color:#d3d3d3}.modify{background-color:#bdb76b;color:#000}.submit{background-color:#008b8b;color:#fff}label,input,textarea{display:block;width:100%;resize:none;font-family:var(--font_roboto);border:none;font-size:1rem}input,textarea{padding:5px 10px;border-radius:5px;background-color:rgba(var(--clr_background_rgb),.5)}textarea{height:100px}label{margin-top:10px;margin-bottom:3px;font-size:.9rem;line-height:.9rem}