:root{--dark-blue: 260, 30%, 6%;--core-purple: 268, 100%, 36%;--light-purple: 230, 55%, 90%}.button{padding:1rem;display:flex;flex:1 1 8rem;max-width:20rem;justify-content:center;align-items:center;border-radius:.3rem;font-size:2.5rem;font-weight:600;box-shadow:0 0 2px 1px hsl(var(--light-purple));background-color:hsl(var(--dark-blue));color:hsl(var(--light-purple));transition:background-color .65s,box-shadow .75s}.button:hover{background-color:hsl(var(--core-purple));box-shadow:0 0 2px 1px hsl(var(--core-purple))}.button:active{background-color:hsl(var(--core-purple),50%)}body{background-color:hsl(var(--dark-blue));color:hsl(var(--light-purple));font-size:1.6rem;height:100%}html{min-height:100%;position:relative}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html{font-size:10px;font-family:Source Sans Pro,sans-serif}a,a:hover,a:focus,a:active{text-decoration:none;color:inherit}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}