button{display:inline-block;width:auto;font-size:2rem;padding:1rem 2rem;background:#333;color:#fff;border:2px solid #fff;border-top:0 solid #fff;border-bottom:0 solid #fff;outline:none;font-family:inherit;-webkit-transition:all .5s ease-out!important;transition:all .5s ease-out!important}button .icon{width:1rem;margin-left:1rem}button .icon svg path{fill:#fff}button.active{background:#fff;color:#333;pointer-events:none}button.active .icon svg path{fill:#333}@media(prefers-color-scheme:dark){button{background:#eee;border-color:#fff}button.active{background-color:#ccc;color:#9f9f9f}}body,html{font-size:1.5vh}body{margin:0;background-color:#333;background-image:linear-gradient(13deg,#000,#333);font-family:Roboto,sans-serif;text-align:center;color:#fff}*{box-sizing:border-box}h1{font-size:3rem}@media(prefers-color-scheme:dark){body{background-color:#fff;background-image:linear-gradient(13deg,#fff,#fefefe);color:#000}}.flex[data-v-7ffce896]{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;justify-content:space-around;-webkit-box-align:center;align-items:center;min-height:100vh;padding:4rem 0}.flex [data-v-7ffce896]{-webkit-transition:all 1s ease-out;transition:all 1s ease-out}h2[data-v-7ffce896]{font-style:italic}.roll-wrapper[data-v-7ffce896]{max-width:400px;margin-top:5rem}.roll[data-v-7ffce896]{display:block;font-size:9rem}.reveal[data-v-7ffce896]{margin-bottom:0;overflow:hidden}.reveal p[data-v-7ffce896]{font-size:1.5rem}button[data-v-7ffce896]{margin-top:10rem}