html{--font_primary: "fuente-roboto-medium";--font_secondary: "fuente-roboto-bold";--font-family-light: "fuente-roboto-light";--font-family-regular: "fuente-roboto-regular";--font-family-medium: "fuente-roboto-medium";--font-family-bold: "fuente-roboto-bold";--font-family-black: "fuente-roboto-black";--color_primary: #1E0540;--color_secondary: white;--color_tertiary: #3F1F0F;--color_1st: #F8C200;--color_2nd: #D97D11;--color_3rd: #402759;--color_4th: #BAB2D6;--color_5th: #135f25}body{--scaleWidth: 1450;--scaleHeight: 657;--scale: calc(var(--scaleWidth) / var(--scaleHeight));--widthFullScreen: 100vw;--widthResizeScreen: calc(100vh * var(--scale));--frameWidth: min(var(--widthFullScreen) , var(--widthResizeScreen));--heightFullScreen: 100vh;--heightResizeScreen: calc(100vw / var(--scale));--frameHeight: min(var(--heightFullScreen) , var(--heightResizeScreen));font-family:var(--font_primary),sans-serif!important;margin:0}app-root{position:absolute;overflow:hidden;width:var(--frameWidth);height:var(--frameHeight);left:calc((var(--widthFullScreen) - var(--frameWidth)) / 2);height:100%;width:100%}