html,body{height:100%;width:100%;font-family:Roboto,sans-serif;line-height:1.6}.index{align-items:center;display:flex;justify-content:center;height:100%;width:100%;text-align:center;padding:1rem}h1,p{padding:0;margin:0}p{font-size:1.2rem;padding-bottom:2rem}.content{display:grid;gap:2rem}form{display:flex;align-items:center;justify-content:flex-start;margin:0 auto;gap:1rem}label{display:grid;gap:.2rem;max-width:20rem;text-align:left;font-size:1rem}input[type=text],button{padding:.4rem}ul{list-style:none;padding:0;padding-top:3rem;margin:0;display:flex;gap:2rem}li{max-width:20rem;text-align:left}@media only screen and (max-width: 50rem){ul{display:block}li{padding-bottom:1rem}}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit}button.btn{font-weight:600;color:#382b22;text-transform:uppercase;background:#fff0f0;border:2px solid #b18597;border-radius:.75em;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:background .15s cubic-bezier(0,0,.58,1),0 .15s cubic-bezier(0,0,.58,1);transition:transform .15s cubic-bezier(0,0,.58,1),background .15s cubic-bezier(0,0,.58,1),0 .15s cubic-bezier(0,0,.58,1);padding:1.25em 2em}button.btn:before{position:absolute;content:"";width:100%;height:100%;inset:0;background:#f9c4d2;border-radius:inherit;box-shadow:0 0 0 2px #b18597,0 .625em #ffe3e2;-webkit-transform:translate3d(0,.75em,-1em);transform:translate3d(0,.75em,-1em);-webkit-transition:box-shadow .15s cubic-bezier(0,0,.58,1),0 .15s cubic-bezier(0,0,.58,1);transition:transform .15s cubic-bezier(0,0,.58,1),box-shadow .15s cubic-bezier(0,0,.58,1),0 .15s cubic-bezier(0,0,.58,1)}button.btn:hover{background:#ffe9e9;-webkit-transform:translate(0,.25em);transform:translateY(.25em)}button.btn:hover:before{box-shadow:0 0 0 2px #b18597,0 .5em #ffe3e2;-webkit-transform:translate3d(0,.5em,-1em);transform:translate3d(0,.5em,-1em)}button.btn:active{background:#ffe9e9;-webkit-transform:translate(0em,.75em);transform:translateY(.75em)}button.btn:active:before{box-shadow:0 0 0 2px #b18597,0 0 #ffe3e2;-webkit-transform:translate3d(0,0,-1em);transform:translateZ(-1em)}