:root{--primary-text: #d13bc2ff;--primary-background: #19272f;--secondary-background: #293c47}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Crimson Text,serif;font-weight:400;font-style:normal}h2{font-family:Crimson Text,serif;font-weight:700;font-style:normal}h1{background-image:linear-gradient(45deg,#8a2be2,#ff69b4);color:transparent;-webkit-background-clip:text;background-clip:text}button{all:unset;background-color:#fff;color:var(--primary-text);padding:8px 16px;border-radius:8px 4px;transition:all .3s ease-in-out}button:hover{cursor:pointer;background-color:var(--secondary-background);color:#fff}input{all:unset;padding:8px 16px;border-radius:8px 4px;background-color:var(--primary-background)}.form-field{border-radius:8px 4px;background-color:#fff;color:var(--primary-text);padding:2px 2px 2px 8px}