@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Righteous,cursive;width:100%;height:100vh;background-color:#fff}::selection{background-color:#af0d0d}section{width:100%;height:100vh;padding:0 1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}section h1{color:#fff;font-size:calc(4rem + 12vw);mix-blend-mode:difference}button{border:none;outline:none;padding:.5em 1.1em;font-size:1.2rem;letter-spacing:.02em;background-color:#b0ffa03b;color:#fff;backdrop-filter:blur(20px);cursor:pointer;border-radius:2.5px;user-select:none;transition:ease-in-out .15s all}button:hover{background-color:#edfae3bb;color:#000}button:active{animation:click .15s ease-in-out}span{color:#fff;user-select:none}@keyframes click{0%,50%,to{transform:scale(1)}25%{transform:scale(.95)}75%{transform:scale(1.05)}}