:root{--magenta:#f20d7a;--light-magenta:#fbd0e4;--midnight-blue:#17154b;--blue:#a4c0f7;--pastel-blue:#d1dffb;--matte-blue:#45446f;--cloud-blue:#d9effa;--grey:#a2a1b7;--white-50:hsla(0,0%,100%,0.5)}body,html{margin:0;padding:0;font-family:Raleway,sans-serif;font-size:15px;color:var(--midnight-blue);height:100%;position:relative}footer,header{position:fixed;height:64px;background-color:var(--midnight-blue);color:var(--cloud-blue);left:0;right:0;z-index:50}footer{display:flex;align-items:center;justify-content:center;bottom:0}footer section{padding:0 16px}footer a{color:#ebeff8}header{display:flex;align-items:center;justify-content:center;top:0}header .brand{position:absolute;left:1rem}header img.normal{display:block}header img.small{display:none}header h2{color:var(--pastel-blue);font-weight:400;margin:0 16px}@media screen and (max-width:768px){header{justify-content:flex-end}}@media screen and (max-width:480px){header img.normal{display:none}header img.small{display:block}footer{justify-content:start}footer section{display:flex;flex-direction:column}footer section span.v-bar{display:none}}main{position:absolute;top:64px;left:0;right:0;bottom:0}h2,h3,h4{font-family:Clarendon,Georgia Bold,serif}h2,h3{text-align:center}h2{color:var(--magenta)}h3{color:var(--matte-blue)}h3 small{font-weight:500}h3 small,label small{color:var(--blue)}aside p{font-size:1rem;line-height:1.5rem}.step-controls{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between}button{border:none;color:var(--blue);font-size:1rem;font-weight:700;border-radius:4px;background-color:var(--cloud-blue);padding:8px 16px;text-transform:uppercase;cursor:pointer}button:hover{box-shadow:0 0 3px rgba(0,0,0,.5)}button.cta{background-color:var(--magenta);color:var(--cloud-blue)}button.inactive{opacity:.5;pointer-events:none}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,68,106,.4)}70%{box-shadow:0 0 0 10px rgba(47,68,106,0)}to{box-shadow:0 0 0 0 rgba(47,68,106,0)}}