:root{--accent-color: #3b82f6;--border-color: #ddd}h1,h2,a{margin:0;padding:0}#root{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;text-align:center;color:#000}@media (max-width: 768px){.title{font-size:2.5em!important;margin-top:10px!important}.card--container{margin:0 2em!important}.card{font-size:100%!important;transition-duration:.5s!important;justify-content:space-between!important;height:175px!important}.card p{margin:auto!important}.desktop{display:none!important}.mobile{display:flex!important;padding:15px!important;width:fit-content!important;font-size:.5em!important}#root{display:block!important}}.accent{color:var(--accent-color)}.logo{all:unset;color:#ebebeb;cursor:pointer;transition:color .2s ease-in-out}.mobile-logo-container{display:flex;align-items:center;justify-content:center;gap:.5em}.mobile{font-size:.7em;display:none}.desktop{font-size:.5em;position:absolute;top:0;left:0;margin:10px 15px}.dot{transition:color .2s ease-in-out}.logo:hover{color:#000}.logo:hover .dot{color:var(--accent-color)}.title{margin:.5em;font-weight:800;transition:font-weight .2s ease,word-spacing .2s ease-in-out;cursor:default}.title:hover{font-weight:600}.tweaks{position:relative;font-weight:800;transition:color .2s ease-in-out;z-index:2}.tweaks:after{content:"";position:absolute;width:0%;height:100%;top:0;left:0;padding:0;translate:-5px 0 0;z-index:-1;color:#fff;background-color:var(--accent-color)!important;transition:width .15s ease-in-out,padding .15s ease-in-out}.title:hover .tweaks:after{padding:0 5px;width:100%}.title:hover .tweaks{color:#fff}.card--container{display:flex;flex-wrap:wrap;gap:2em;align-items:center;justify-content:center;margin:0 2em}.card{display:flex;flex-direction:column;text-align:left;background-color:#fff;border:2px solid var(--border-color);max-width:350px;height:200px;padding:1.2em 2em;border-radius:25px;font-size:110%;transition:scale .15s ease,box-shadow .15s ease}.card:hover{scale:1.03;box-shadow:0 0 30px #0000001a}.card h2{font-size:160%;font-weight:700;transition:font-weight .2s ease}.card:hover h2{font-weight:800}.card p{margin-bottom:auto}.card a{all:unset;background-color:var(--accent-color);color:#fff;font-weight:700;width:fit-content;padding:7px 15px;border-radius:10px;border:2px solid var(--border-color);cursor:pointer;transition:background-color .1s ease,scale .1s ease,font-weight .1s ease}.card a:hover{background-color:#2e66bf;scale:1.1;font-weight:400}.instructions{margin:2em 2em 0}.link{color:var(--accent-color);font-weight:700;text-decoration:none;position:relative}.link:after{content:"";position:absolute;width:100%;height:3px;bottom:-3px;left:0;background-color:var(--accent-color);visibility:hidden;transform:scaleX(0);transition:transform .15s ease-in-out,visibility .15s ease-in-out}.link:hover:after{visibility:visible;transform:scaleX(1)}@font-face{font-family:RethinkSans;src:url(/fonts/RethinkSansVar.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}:root{font-family:RethinkSans,-apple-system,avenir next,avenir,helvetica neue,helvetica,segoe ui,Cantarell,Ubuntu,roboto,noto,arial,sans-serif;font-feature-settings:"liga" 1,"calt" 1;line-height:1.5;font-weight:400;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3em;line-height:1.1}