@font-face{font-family:fontetitulo1;src:url(../../../global/fonts/ralewayThin.woff2)}body,html{background-color:#000;width:100dvw;height:100dvh;overflow:hidden}main{flex-direction:column;justify-content:center;align-items:center;width:100dvw;height:100dvh;display:flex;position:relative;&>*{z-index:2}& h1{font-family:fontetitulo1;font-size:min(10.4vw,110rem)}& p:not([class=creditos]){font-size:min(7vw,20rem)}& canvas{z-index:1;opacity:.32;width:100%;height:100%;position:absolute;top:0;left:0}&:before{content:"";z-index:0;opacity:.8;background:url(../images/background.avif) 50%/cover no-repeat;width:100%;height:100%;display:block;position:absolute;inset:0}& .creditos{margin:10rem;position:fixed;bottom:0;right:0}}