*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{font-family:Helvetica,sans-serif;transition:.3s ease all}body.dark{background-color:#2a2a2a}body footer{margin:1rem;padding:1rem;text-align:center}body footer p{font-size:2rem}body footer p a{text-decoration:none;color:#101010}body footer p a:hover{font-weight:bold;text-decoration:underline}.header{display:flex;justify-content:end;margin:2rem;padding:2rem}.header .switch{background-color:#333;border-radius:10rem;border:none;position:relative;cursor:pointer;outline:none;display:flex}.header .switch::after{content:"";display:block;width:3rem;height:3rem;position:absolute;background-color:#fafafa;top:0;left:0;transition:.5s ease all;right:unset;border-radius:10rem;box-shadow:0rem 0rem .3rem .3rem rgba(0,0,0,.2)}.header .switch.active{background-color:#fdd405;color:#101010}.header .switch.active::after{right:0;left:unset}.header .switch span{width:3rem;height:3rem;line-height:3rem;display:block;background:none;color:#fafafa}.container{background-color:#fafafa;color:#101010;border-radius:1rem;margin:auto;padding:2rem;max-width:120rem;transition:.3s ease all}body.dark .container{background-color:#333;color:#fafafa}body.dark .container .btn__showcode button{color:#fafafa}body.dark .container hr{margin:4rem 0rem;color:#fafafa}.container h1{margin:2.5rem;font-size:2rem;font-weight:800;text-transform:uppercase;text-align:center}.container form,.container p{font-size:2rem;line-height:3rem;margin:1.5rem}.container button{padding:.3rem;cursor:pointer}.container span{font-weight:600}.container span.error,.container span .error{color:brown}.container span.error i,.container span .error i{color:brown}.container pre{background-color:#272822;font-size:1.7rem;padding:2rem;margin:2rem;border-radius:1rem;overflow-x:auto}.container .btn__showcode{display:flex;justify-content:center}.container .btn__showcode button{font-size:2rem;background:none;border:0;padding:1rem}.container .btn__showcode button i{margin:1rem}.container .code{display:none}.container hr{margin:4rem 0}#e4 .img-dice{margin-left:10rem;border-radius:1rem}@-webkit-keyframes hvr-icon-up{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-6px)}}@keyframes hvr-icon-up{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(-6px)}}.hvr-icon-up{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-up .hvr-icon{transform:translateZ(0)}.hvr-icon-up:hover .hvr-icon,.hvr-icon-up:focus .hvr-icon,.hvr-icon-up:active .hvr-icon{-webkit-animation-name:hvr-icon-up;animation-name:hvr-icon-up;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes hvr-icon-down{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(6px)}}@keyframes hvr-icon-down{0%,50%,100%{transform:translateY(0)}25%,75%{transform:translateY(6px)}}.hvr-icon-down{display:inline-block;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0)}.hvr-icon-down .hvr-icon2{transform:translateZ(0)}.hvr-icon-down:hover .hvr-icon2,.hvr-icon-down:focus .hvr-icon2,.hvr-icon-down:active .hvr-icon2{-webkit-animation-name:hvr-icon-down;animation-name:hvr-icon-down;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}/*# sourceMappingURL=styles.css.map */