:root{--bgcolor: #e8e2db;--maincolor: #1a3263;--bordercolor: #547792;--h1font: 300 3.75rem "Space Mono", sans-serif;--h2font: 300 2.5rem "Space Mono", sans-serif;--textfont: 300 1.125rem "Space Mono", sans-serif;--minorfont: 300 .875rem "Space Mono", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{overscroll-behavior:none}body{background-color:var(--bgcolor)}h1,h2,h3,h4{margin:0;padding:0}.hero{width:100vw;display:flex;align-items:center;justify-content:center;margin:3rem 0}.hero__caption{font:var(--h1font);color:var(--maincolor)}.core{width:1440px;max-width:80vw;padding-left:3rem}.button{padding:.175rem .35rem;font:var(--minorfont);color:var(--maincolor);border:1px solid var(--bordercolor);background-color:var(--bgcolor);transition:all .1s ease-in-out}.button:hover{cursor:pointer;background-color:var(--maincolor);color:var(--bgcolor)}.list{margin:0;padding:0;list-style:none}.list__item{margin:1rem;font:var(--textfont);color:var(--maincolor);position:relative}.list__item:not(:last-child):after{content:"";position:absolute;background-color:var(--bordercolor);width:16rem;height:1px;left:-1rem;top:calc(100% + .5rem)}.list__minorcaption{font:var(--minorfont)}.list__controls{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.5rem;margin:0 .5rem}.mdl{position:absolute;left:0;top:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;flex-direction:column}.mdl--hidden{display:none}.mdl__container{width:400px;padding:2rem;background-color:var(--bgcolor);display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.mdl__caption{font:var(--h2font);color:var(--maincolor)}.mdl__form{display:flex;align-items:center;gap:.5rem}input{border:none;outline:none;height:1.75rem;padding:.125rem .25rem;font:var(--minorfont);border:1px solid var(--bordercolor)}