html{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:space-between;position:relative}body,#root{display:flex;flex-grow:1}.text{font-family:Spectral,serif;font-weight:200;font-style:normal}a{color:#ff00e0;font-family:IBM Plex Mono,monospace;font-weight:400;font-style:normal;text-decoration:none;font-size:small;text-transform:uppercase}@media only screen and (max-width:768px){.text{font-size:small}a{font-size:x-small}}@tailwind base;@tailwind components;@tailwind utilities;.app-foreground{position:relative;z-index:1;background-image:radial-gradient(#4AF626 1.5px,transparent 0);background-size:80px 80px;display:flex;flex-direction:column;justify-items:center;padding:20px;min-height:100vh;box-sizing:border-box;flex-grow:1;width:100%;max-width:1200px;margin-left:auto;margin-right:auto}.app-bio{display:flex;flex-direction:column;align-items:start;flex-grow:0;width:100%}@media(min-width:768px){.app-foreground{padding:80px}.app-bio{flex-grow:1}.app-bio>p.text{max-width:390px}.app-bio>p.text:nth-child(2n){align-self:flex-start}.app-bio>p.text:nth-child(odd){align-self:flex-end}}.contact-me{display:flex;justify-content:end;align-items:end;flex-direction:column;flex-grow:0;width:100%}@media(min-width:768px){.contact-me{flex-grow:1}}.chau-banner{display:flex;justify-content:center;margin-bottom:40px}.chau-banner audio{width:200px;height:30px}@media(min-width:768px){.chau-banner{margin-bottom:0}.chau-banner audio{width:auto;height:auto}}