:root{--primary:#642c99;--secondary:#fbfac9;--tertiary:#f7cfda;--green:#effbe2;--beige:#fdefd2}*{box-sizing:border-box;list-style:none;margin:0;padding:0;text-decoration:none}html{font-size:62.5%}body{background-color:#fbfbca;color:var(--primary);font-family:Lato,Helvetica Neue,sans-serif;font-size:2.4rem}a{color:inherit;text-decoration:none}.title,h1{color:var(--primary);font-family:Wendy One,sans-serif}h1{font-size:12rem}button{background-color:var(--primary);border:.4rem solid var(--primary);border-radius:.8rem;color:var(--secondary);cursor:pointer;display:grid;font-size:1.6rem;place-items:center;min-height:4rem;min-width:20rem;text-transform:uppercase;transition:all .5s ease-in-out}button:hover{background-color:transparent;color:var(--primary)}button:disabled,button:disabled:hover{background-color:#c094ea;color:var(--primary)}button.alternative{background-color:var(--beige);border:.4rem solid var(--beige);color:var(--primary)}button.alternative:hover{background-color:var(--tertiary);border:.4rem solid var(--tertiary);color:var(--primary)}button:disabled,button:disabled:hover{background-color:var(--secondary);border:none;color:#c094ea}button:disabled:hover{cursor:default}