h1[data-v-b37b00e4]{font-weight:500;font-size:2.6rem;top:-10px}h3[data-v-b37b00e4]{font-size:1.2rem}.greetings h1[data-v-b37b00e4],.greetings h3[data-v-b37b00e4]{text-align:center}@media (min-width: 1024px){.greetings h1[data-v-b37b00e4],.greetings h3[data-v-b37b00e4]{text-align:left}}*,*:before,*:after{box-sizing:border-box;margin:0;position:relative;font-weight:400}:root{--bg: #242326;--bg-deep: #181718;--bg-high: #39363b;--fg: #eee9e9;--accent: #ff4d00}body{min-height:100vh;color:var(--fg);background:var(--bg);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}header{line-height:1.5;max-height:100vh}.logo{display:block;margin:0 auto 2rem}a,.green{text-decoration:none;color:#00bd7e;transition:.4s}@media (hover: hover){a:hover{background-color:#00bd7e33}}nav{width:100%;font-size:12px;text-align:center;margin-top:2rem}nav a.router-link-exact-active{color:var(--color-text)}nav a.router-link-exact-active:hover{background-color:transparent}nav a{display:inline-block;padding:0 1rem;border-left:1px solid var(--color-border)}nav a:first-of-type{border:0}main[data-v-1f383047]{display:flex;flex-direction:column;gap:1rem}video[data-v-1f383047]{border-radius:.5rem}.progress[data-v-1f383047]{position:fixed;bottom:0;left:0;right:0;background-color:var(--accent);height:5px;margin-top:-1rem;transition:width .2s ease-in-out}#input[data-v-1f383047]{display:flex;width:100%;gap:1rem}.input[data-v-1f383047]{width:100%;font-size:1.5rem;padding:1rem;color:var(--fg);background-color:var(--bg-deep);border:none;border-radius:.5rem;box-shadow:.2rem .2rem .2rem #00000080 inset,-.2rem -.2rem .2rem #fff3 inset}.button[data-v-1f383047]{font-size:1.5rem;padding:1rem;color:var(--fg);background-color:var(--bg-high);border:none;border-radius:.5rem;box-shadow:.2rem .2rem .2rem #fff3 inset,-.2rem -.2rem .2rem #00000080 inset;cursor:pointer}.button[data-v-1f383047]:hover{color:var(--accent);text-shadow:0 0 30px var(--accent);background-color:var(--bg-deep);box-shadow:.2rem .2rem .2rem #00000080 inset,-.2rem -.2rem .2rem #fff3 inset}
