@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap");section{padding:2rem 2rem}section .header{font-size:2.5rem;font-weight:800;margin-top:0;margin-bottom:2rem;border-bottom:0.5rem solid var(--header-color);width:fit-content;box-sizing:content-box}#splash{background-image:url("/imgs/bg.webp");background-attachment:fixed;background-repeat:no-repeat;background-size:100%;padding-bottom:0;padding-top:4rem}#splash>div{background:white;padding:1rem 2rem;box-sizing:content-box;background-color:var(--bg)}#splash h1{font-size:6rem;font-weight:900;margin-top:0;margin-bottom:0.25rem;line-height:1}#splash h2{font-size:2rem;font-weight:600;margin-top:0;line-height:1}#splash #start{display:flex;justify-content:space-between}#splash #start img{max-height:9rem}#splash #media img{display:block;width:100%}@media (max-width: 600px){#splash h1{font-size:4rem}#splash h2{font-size:1.5rem}}@media (max-width: 420px){#splash h1{font-size:3rem}#splash h2{font-size:1.25rem}}#features ul{padding:0;gap:1rem 2rem;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit, Min(calc(100vw - 4rem), 525px));list-style-type:none}#features ul table,#features ul tr,#features ul th,#features ul td{border:1px solid var(--border);border-collapse:collapse}#features ul table{text-align:center}#features ul table th{background-color:rgba(0,0,0,0.4);padding:0.25rem}#features ul table td{background-color:var(--panel);padding:0.25rem}#features ul p{margin:0}#features ul p span:first-of-type{font-weight:500;font-size:1.25rem;display:block;color:var(--header-color)}#downloads{background:#475c3d;--panel: hsl(100, 20%, 35%);--border: hsl(100, 20%, 15%)}#blog{background:#111;--panel: #222;--border: #333}#support{--font-color: #fffff0;--bg: hsl(335, 55%, 20%);--panel: hsl(335, 45%, 20%);--border: hsl(335, 15%, 50%);background:var(--bg);color:var(--font-color)}#downloads>div .header{text-align:center}#downloads>div .panels{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:1rem}#downloads>div .panels .downloadPanel{flex-basis:545px}#downloads>div .buttons{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:1rem}#downloads>div .buttons a{flex-basis:545px;font-size:1.5rem;color:var(--font-color);text-align:center;flex-basis:calc(50% - 0.5rem);padding:1rem 0;border:1px solid var(--border);background:var(--panel)}#downloads>div .buttons a:hover{color:black;background:var(--header-color)}#support>div .links{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 300px));grid-auto-rows:1fr;justify-content:space-evenly;gap:0.5rem}#support>div .links a{display:flex;justify-content:center;align-items:center;border:1px solid var(--border);padding:0.5rem;box-sizing:border-box;background:var(--panel)}#support>div .links a:hover{background:var(--header-color)}#support>div .links img{width:100%}#support>div #supporters-list{margin-top:2rem;border:1px solid var(--border);background:var(--panel);padding:0.5rem}#support>div #supporters-list h2{margin-top:0;border-bottom:0.2rem solid var(--header-color);width:fit-content}#support>div #supporters-list ul{display:grid;grid-template-columns:repeat(auto-fit, 200px);row-gap:0.5rem;list-style-type:none;padding:0;margin:0}#editor>div .imageWrapper{width:Min(1000px);max-width:calc(100% - 4rem);margin:1rem auto}#editor>div .imageWrapper img{width:100%}#editor>div .split{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}#editor>div .split .text{flex-basis:40%;flex-grow:1}#editor>div .split .downloadPanel{width:Min(400px, 100vw)}#blog>div>div{background:var(--panel);border:1px solid var(--border);padding:0.5rem}#blog>div>div h3 a{font-size:2rem;text-decoration:none}#blog>div>div *:first-child{margin-top:0}#blog>div>div *:last-child{margin-bottom:0}.downloadPanel{border:1px solid var(--border);padding:0.5rem;box-sizing:border-box;background:var(--panel)}.downloadPanel .type{display:flex;justify-content:space-between;align-items:center}.downloadPanel .type p{margin:0}.downloadPanel .type p:first-child{font-size:1.5rem}.downloadPanel .links{margin-top:0.5rem;display:flex;flex-direction:column;gap:0.25rem}.downloadPanel .links div{display:flex;gap:0.25rem}.downloadPanel .links>a:first-of-type{padding:1rem 0;font-size:1.25rem}.downloadPanel .links a{text-align:center;flex-basis:100%;text-decoration:none;padding:0.5rem 0;border:1px solid var(--border);color:var(--font-color)}.downloadPanel .links a:hover{background:var(--header-color);color:black}.downloadPanel.editor .links a:last-of-type{padding:2rem 0}