*{box-sizing:border-box;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.quattrocento-regular{font-family:Quattrocento,serif;font-weight:400;font-style:normal}.quattrocento-bold{font-family:Quattrocento,serif;font-weight:700;font-style:normal}.figtree-regular{font-family:Fira Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.figtree-bold{font-family:Fira Sans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.dark{--bg-dark: hsl(0, 0%, 5%);--bg: hsl(0 0 12%);--bg-light: hsl(0 0 15%);--text: hsl(0, 1%, 77%);--text-muted: hsl(0, 0%, 55%);--border: hsl(0 0 30%);--border-card: hsl(0 0 30%);--border-dark: 1px solid hsla(0, 0%, 50%, .7);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight: hsl(0 0 60%);--primary: hsl(121, 60%, 38%);--primary-light: hsl(121, 60%, 28%);--secondary: hsl(302, 41%, 60%);--shadow: 0px 2px 2px hsla(0, 0%, 10%, .7), 0 6px 6px hsla(0, 50%, 0%, .15)}:root,.light{--bg-dark: hsl(0, 0%, 85%);--bg: hsl(0 0 93%);--bg-light: hsl(0 0 97%);--text: hsl( 0 0 5%);--text-muted: hsl(0, 0%, 55%);--border: hsl(0 0 30%);--border-card: var(--bg);--border-dark: none --gradient: linear-gradient(0deg, var(--bg) 95%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight: hsl(0 0 100%);--shadow: 0px 4px 4px hsla(0, 0%, 0%, .188), 0 12px 12px hsla(0, 0%, 0%, .082);--primary: hsl(121, 60%, 38%);--primary-light: hsl(121, 60%, 28%);--secondary: hsl(202, 84%, 70%)}body{background-color:var(--bg)}.site-wrapper{display:grid;grid-template-rows:min-content auto 120px;background-color:var(--bg);font-family:figtree,sans-serif;min-height:100vh}.container{display:flex;flex-direction:column;max-width:720px;justify-self:start;align-self:start;flex-grow:1;height:100%;padding:0 20px;margin:10px auto 150px;width:100%}.body-text{color:var(--text)}.body-text p{margin-bottom:10px;margin-left:10px;font-size:1.1rem;font-weight:300;line-height:1.25em}.body-text h2,.body-text h3,.body-text h4{margin:20px 0 10px}.body-text li{margin-left:20px}.header{display:grid;background-color:var(--bg);grid-template-columns:1fr 2fr 1fr;position:sticky;padding:10px;height:75px;top:0;left:0;width:100%;z-index:1000;box-shadow:var(--shadow)}.header-links{display:flex;gap:25px;justify-self:center}.header-links a{font-size:1.1em;padding:4px 8px;margin:auto 0;font-weight:600}.header-links a:hover,.theme-btn{text-decoration:underline;text-decoration-color:var(--primary);text-decoration-thickness:3px;text-decoration-skip-ink:none;text-underline-offset:4px}.header a{text-decoration:none;color:var(--text)}.logo{flex-grow:2;margin:auto 10px;display:flex;align-items:center;gap:5px}.logo h1{font-size:1.5em}.logo h1:hover{color:var(--primary)}.img-hero{margin:20px auto;width:90%}.theme-btn{color:var(--text);align-self:center;justify-self:end;margin-right:20px;font-size:1.5em}.theme-btn:hover{cursor:pointer}.admin-btn{background-color:var(--primary);color:#fff;border-radius:4px;padding:0 8px;font-size:.8em;cursor:default;align-self:center;justify-self:end}.event-card-container{display:grid;grid-template-rows:1fr;gap:35px;margin:20px 0}.event-card-link{text-decoration:none}.event-card{box-shadow:var(--shadow);background-color:var(--bg-light);display:grid;grid-template-columns:5fr 6fr 2fr;grid-template-rows:4fr 4fr 4fr;grid-template-areas:"picture date blank" "picture title title" "picture location cost";gap:5px;border:var(--border-dark)}.event-card:hover{background-color:var(--bg)}.event-title{grid-area:title;font-weight:550;color:var(--text);font-size:1.75em;margin-left:4px}.event-cost{grid-area:cost;color:var(--text-muted);align-self:center;justify-self:center;line-height:1em;border-radius:50%}.event-image{background-image:var(--bg-light);width:250px;height:175px;grid-area:picture;object-fit:cover}.event-time{grid-area:date;color:var(--text);font-size:.85em;align-self:center;line-height:1em;font-weight:800;justify-self:start}.event-time span{border:.5px solid var(--text-muted);background-color:var(--bg);padding:8px 10px;margin-right:6px}.event-location{grid-area:location;color:var(--text-muted);align-self:center;margin-left:4px}.btt-btn{margin:20px auto 0;font-size:3em;color:var(--primary);cursor:pointer}.btt-btn:hover{color:var(--primary-light)}.details-image{box-shadow:var(--shadow);max-height:450px;object-fit:cover}.details-top{display:grid;margin:10px 0;align-items:center}.details-title,.details-time{grid-column:1/-1}.details-title{font-size:1.75em;border-left:4px solid rgba(128,128,128,.705);line-height:1.75em;padding-left:6px;height:85%;margin-bottom:5px}.details-cost{margin:0}.details-details h1{font-size:1.5em;color:var(--primary)}.footer{display:flex;flex-direction:column;margin:0 auto;width:100%;justify-content:center;background-color:var(--bg-dark);padding:25px}.footer-stuff{margin:0 auto}.social-icons{display:grid;grid-template-columns:1fr 2fr;justify-items:center;align-items:center;font-size:2em;width:100%;margin:-30px auto 0;height:74px}.social-icons a{color:var(--text-muted)}.social-icons a:hover,.web-link{color:var(--primary)}@media(max-width:980px){.header{grid-template-columns:1fr 10fr 1fr}.header-links{justify-self:end;margin-right:10px}}@media(max-width:650px){.header{grid-template-columns:1fr;height:150px}.header-links{gap:5px;justify-self:center;grid-row:2 / 3;grid-column:1}.header a,.theme-btn{justify-self:center;align-self:center}.logo{grid-column:1}.event-card-container{gap:20px}.event-card{grid-template-rows:auto auto auto 40px;grid-template-columns:auto auto 70px;grid-template-areas:"picture picture picture" "title title title" "location location location" "date date cost";gap:5px;width:100%;padding-bottom:10px}.event-image{width:100%;height:200px}.event-title,.event-location{margin-left:15px}.event-time{margin-left:10px}.event-time,.event-cost{align-self:center}}.new-post-form{display:flex;flex-direction:column;font:inherit;margin:20px 0}.new-post-form label{margin-top:15px;margin-bottom:5px;color:var(--text);font-weight:500;font-size:.85rem;text-transform:uppercase;color:var(--text-muted)}.new-post-form input[type=text],.new-post-form input[type=string],.new-post-form input[type=time],.new-post-form input[type=date],.new-post-form input[type=file]{padding:10px 12px;margin-bottom:5px;background-color:var(--bg-light);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:1rem;transition:all .3s ease}.new-post-form input[type=text]:focus,.new-post-form input[type=string]:focus,.new-post-form input[type=time]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #1466161a}.new-post-form input[type=file]{padding:8px;cursor:pointer}.new-post-form input[type=checkbox]{width:18px;height:18px;margin-right:8px;cursor:pointer;accent-color:var(--primary)}.new-post-form label[for=deleted]{display:flex;align-items:center;margin-top:20px}.new-post-form button[type=submit],.new-post-form button[type=button]{margin-top:25px;padding:12px 24px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow)}.new-post-form button[type=button]{background-color:#7b1c1c}.form-date-time{display:grid;width:100%;grid-template-columns:1fr 1fr;justify-items:start;gap:10px}.form-date-time input{width:100%}.new-post-form button[type=submit]:hover{background-color:#19801b;transform:translateY(-1px);box-shadow:0 6px 8px #0000004d}.new-post-form button[type=button]:hover{background-color:#9d1515;transform:translateY(-1px);box-shadow:0 6px 8px #0000004d}.new-post-form button[type=submit]:active{transform:translateY(0)}.markdown-render{height:400px;margin:4px 0;background:var(--bg-dark);overflow-y:scroll;padding:8px;border-radius:5px}.markdown-render li{margin-left:15px}.delete-btn{margin:5px 0 0}.event-grid{display:grid;border:all}.event-grid title{font-weight:500}.event-line{display:grid;justify-content:space-between;margin:5px 10px;padding:10px;background-color:var(--bg-light);border-radius:5px;grid-template-columns:3fr 1fr 1fr}.edit-events p{font-weight:700;font-size:1.2em}.edit-link{justify-self:center;text-decoration:none;color:#fff;background-color:var(--primary);border-radius:4px;padding:0 4px;cursor:pointer}.edit-link:hover{background-color:var(--secondary);color:var(--text)}.login{display:flex}.login h1{margin:0 auto 10px;display:block}.login-form{display:flex;flex-direction:column;gap:10px;max-width:400px;min-width:300px;margin:0 auto}.login-form input{border:none;padding:4px;border-radius:4px}.login-form button{background-color:var(--primary);color:#fff;border-radius:4px;border:none;padding:4px;box-shadow:var(--shadow);cursor:pointer;font-size:1.2em;text-transform:capitalize}