body{background-color:#11111b;color:#4ade80;font-family:"JetBrain Mono",monospace;display:flex;flex-direction:column}.section{margin-left:auto;margin-right:auto;max-width:40%}@media (max-width: 1250px){.section{max-width:90%}}.container{text-align:center;padding:16px;border-width:1px;border-radius:4px;border-color:#4ade80;border-style:solid}.header{display:flex;justify-content:center;margin-bottom:32px}.header-item{padding:16px;margin-left:8px;margin-right:8px;border-width:1px;border-radius:4px;border-color:#06b6d4;border-style:solid}a{color:#06b6d4;text-decoration:none}.preview{color:#a6adc8}#logo{position:absolute;top:16;left:16}button{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;font-size:inherit;font-family:inherit;font-weight:600;color:#06b6d4;padding:1.25em 2em;margin:1.25em;background:#11111b;border:2px solid #06b6d4;border-radius:.75em;transform-style:preserve-3d;transition:transform 150ms cubic-bezier(0, 0, .58, 1),background 150ms cubic-bezier(0, 0, .58, 1)}button::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;right:0;bottom:0;background:#11111b;border-radius:inherit;box-shadow:0 0 0 2px #06b6d4,0 .625em 0 0 #11111b;transform:translate3d(0, .75em, -1em);transition:transform 150ms cubic-bezier(0, 0, .58, 1),box-shadow 150ms cubic-bezier(0, 0, .58, 1)}button:hover{background:#11111b;transform:translate(0, .25em)}button:hover::before{box-shadow:0 0 0 2px #06b6d4,0 .5em 0 0 #11111b;transform:translate3d(0, .5em, -1em)}button:active{background:#11111b;transform:translate(0em, .75em)}button:active::before{box-shadow:0 0 0 2px #06b6d4,0 0 #11111b;transform:translate3d(0, 0, -1em)}