*{box-sizing:border-box}:root{--blue: #158ced;--dark-yellow: #ffa603;--light-yellow: #fff7df;--plum: #a00449;--dark-plum: #440031}html,body{width:100%;height:100%;margin:0;padding:0}body{background-color:var(--light-yellow);color:var(--dark-plum);font-family:sans-serif;font-weight:200}p{font-size:20px;line-height:30px}input{border:solid 1px #aaa;border-radius:50px;color:#666;height:48px;font-size:16px;padding:16px;outline:none}input::placeholder{color:#ddd}.popover-menu{border:solid 1px #aaa;border-radius:16px;box-shadow:3px 3px 5px #0003;inset:auto;padding:15px 0;right:anchor(right);top:anchor(bottom);form{display:contents}a,button{border:none;background-color:transparent;color:inherit;cursor:pointer;font-size:16px;font-weight:400;display:block;padding:8px 24px;margin:0;text-align:left;text-decoration:none;width:100%;&:hover{background-color:#ddd}}}.button-link,.button-primary{cursor:pointer}button.button-link{background-color:transparent;border:none}button.button-primary{background-color:var(--dark-yellow);border:none;border-radius:50px;box-shadow:3px 3px 5px #0003;color:#fff;cursor:pointer;font-size:16px;height:48px;margin:0;padding:0 16px;white-space:nowrap;@media(max-width:600px){width:100%}}button.button-primary:active{transform:translate(2px,2px)}button.button-primary:focus{outline:thin solid var(--blue)}#logo{color:var(--dark-yellow);font-family:serif;font-size:64px;a{color:inherit;text-decoration:none}}#pieces{img{max-width:100%}}#row{display:grid;gap:32px;grid-template-columns:1fr 1fr;@media(max-width:600px){grid-template-columns:1fr}}h1{font-family:serif;font-size:64px}form.signin{width:400px;margin:100px auto;padding:24px;#logo{margin-bottom:40px;text-align:center}}form.signin input{width:100%;margin-bottom:30px}form.subscribe{display:flex;justify-content:center;gap:10px;margin-top:48px}.flex-stretch{align-self:stretch}header{align-items:center;display:flex;justify-content:space-between;gap:10px}.width-100{width:100%}.container{margin:0 auto;max-width:900px;@media(max-width:960px){margin:0 30px}}.session{align-items:center;background-color:#fff;border:solid 1px #ddd;border-radius:24px;display:flex;padding:24px;margin-bottom:24px;justify-content:space-between;@media(max-width:600px){flex-direction:column}form{@media(max-width:600px){width:100%}}dl{display:grid;grid-template-columns:min-content 1fr;@media(max-width:600px){width:100%}dt{font-weight:700;white-space:nowrap}}}.alert-error{background-color:var(--plum);border-radius:5px;color:#fff;margin:24px 0;padding:12px}