:root{--font-mono:"Roboto Mono",monospace}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;background:#000;font-size:18px;line-height:32px}html,body,#app{height:100%}body{color:#fff;margin:0;font-family:system-ui;font-size:18px;line-height:32px}@media (max-width:1024px){body{font-size:15px;line-height:24px}}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:700;line-height:70px}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base)*.75)0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}svg{vertical-align:middle}.landing-page{justify-content:flex-start;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.background-video{object-fit:cover;object-position:top center;z-index:-1;width:100%;height:100%;transition:all .3s ease-in-out;position:absolute;top:0;left:0}.logo-container{z-index:1;justify-content:flex-start;align-items:center;width:100%;height:100%;display:flex;position:relative}.left-half{flex:0 50%;justify-content:center;align-items:center;width:100%;display:flex}.ploom-logo{object-fit:contain;width:100%;max-width:400px;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translateZ(0)}@media (max-width:1200px){.left-half{flex:0 75%;justify-content:center}.ploom-logo{width:50vw;max-width:300px}}@media (max-width:480px){.logo-container{width:60vw;max-width:250px}}