/* HPI — reset, corpo da página e brilhos de fundo.
   ATENÇÃO: a ordem de carregamento (index.php) é a ordem da cascata. Não reordene. */

*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
html,body{height:100%}
body{background:#050508;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}
.ico{width:1em;height:1em;fill:currentColor;display:block}

.glow-1,.glow-2{position:absolute;border-radius:50%;filter:blur(80px);z-index:1}
.glow-1{width:min(300px,50vw);height:min(300px,50vw);background:rgba(0,150,255,.25);top:10%;left:10%}
.glow-2{width:min(250px,45vw);height:min(250px,45vw);background:rgba(180,0,255,.2);bottom:15%;right:10%}