:root{--red-1: #ffcccc;--red-2: #ff9999;--red-3: #ff6666;--red-4: #cc0000;--purple-1: #e6ccff;--purple-2: #cc99ff;--purple-3: #9966cc;--purple-4: #6600cc;--orange-1: #eac600;--orange-2: #a7d862;--orange-3: #4e9968;--orange-4: #2d76df;--orange-5: #cc5200;--orange-6: #cc5200;--blue-1: #cceeff;--blue-2: #66ccff;--blue-3: #3399ff;--blue-4: #0066cc;--green-1: #ccffcc;--green-2: #99ff99;--green-3: #66cc66;--green-4: #339933;--yellow-1: #ffffcc;--yellow-2: #ffff99;--yellow-3: #ffeb3b;--yellow-4: #fbc02d}@font-face{font-family:Lato;src:url(/fonts/Lato-Black.ttf) format("truetype"),url(/fonts/Lato-Bold.ttf) format("truetype"),url(/fonts/Lato-Heavy.ttf) format("truetype"),url(/fonts/Lato-Regular.ttf) format("truetype");font-weight:400;font-size:normal}body{font-family:Lato,sans-serif;padding:1rem}.app{max-width:25rem;margin:auto}.header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:2rem}.logo{font-size:1.25rem}.form.match-me h2{margin-bottom:2rem}button{padding:.75rem 1.5rem;font-size:1rem;cursor:pointer;border:2px solid #000;background:#fff;border-radius:8px}