@import "https://fonts.googleapis.com/css2?family=Freckle+Face&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&display=swap";:root{--bg-color:#0d090d;--window-bg-color:#23132f;--window-fg-color:#0a0011;--window-content-color:#fff;--window-title-color:#fff;--keyboard-key-bg-color:#360545;--keyboard-key-bg-color-hover:#270432;--keyboard-key-color:#fff;--geral-button-color:#fff;--geral-button-color-hover:#888;--rom-card-width:20rem;--console-width:20rem;font-family:Pixelify Sans,sans-serif}body{background-color:var(--bg-color)}.keyboard .window .content{height:100%}button{font:inherit;color:var(--geral-button-color);cursor:pointer;font-size:1.2rem;font-style:bold;background-color:#0000;border:none;margin:.4rem 1rem;font-weight:700}button:hover{color:var(--geral-button-color-hover)}.btn-container{justify-content:right;display:flex}h2{cursor:pointer;position:relative}h2:before{content:"";background-color:#fff;width:0;height:5px;transition:width .2s ease-in-out;position:absolute;bottom:-5px;left:0}h2:hover:before{width:100%}.keyboard-container[data-v-b3e2e311]{flex-shrink:0;width:calc(100% - .8rem);min-width:auto;min-height:auto}.keyboard[data-v-b3e2e311]{box-sizing:border-box;grid-template-rows:auto;grid-template-columns:repeat(4,1fr);justify-items:center;gap:.4rem;width:auto;display:grid}.keyboard-key[data-v-b3e2e311]{background-color:var(--keyboard-key-bg-color);color:var(--keyboard-key-color);aspect-ratio:1;vertical-align:middle;text-align:center;cursor:pointer;border:none;border-radius:.2rem;width:100%;margin:0;transition:background-color .1s ease-in-out}.keyboard-key[data-v-b3e2e311]:hover{background-color:var(--keyboard-key-bg-color-hover)}.canvas-container[data-v-960b10a2]{width:100%}#main-canvas[data-v-960b10a2]{aspect-ratio:2;width:100%;image-rendering:pixelated;vertical-align:bottom;background-color:#000;border-radius:.2rem;flex-shrink:0;margin:0}@media (width<720px){#main-canvas[data-v-960b10a2]{max-width:80vw}}.window[data-v-a545af59]{background-color:var(--window-bg-color);height:inherit;border:4px solid #fff;flex-direction:column;justify-items:stretch;margin:0;display:flex;overflow:hidden}.header[data-v-a545af59]{color:var(--window-title-color);justify-content:space-between;align-items:center;margin:0;display:flex}.header[data-v-a545af59] *{margin:0 .7rem}.content[data-v-a545af59]{background-color:var(--window-fg-color);color:var(--window-content-color);border-radius:.2rem;flex-direction:column;justify-content:space-between;height:100%;margin:.3rem;display:flex;position:relative;overflow-x:hidden}.console[data-v-7b8f83c9]{width:100%;height:max-content;width:var(--console-width);box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;padding:1rem;display:flex;overflow:visible}.rom-name-container[data-v-7b8f83c9]{justify-content:center;width:100%;display:flex}.loaded-rom-label[data-v-7b8f83c9]{text-align:center;text-wrap:wrap;margin:0;font-family:Pixelify Sans,sans-serif}.red[data-v-7b8f83c9]{color:red}.green[data-v-7b8f83c9]{color:#adff2f}.buttons-container[data-v-7b8f83c9]{justify-content:flex-end;margin:0 .4rem;display:flex}.hero[data-v-70c817f9]{text-align:center}.hero h1[data-v-70c817f9]{color:#fff;font-family:Pixelify Sans,sans-serif;font-size:4rem}.yellow[data-v-70c817f9]{color:#ff0;font-size:1.3rem}p[data-v-70c817f9]{color:#fff;margin-bottom:4rem}.file-input[data-v-4c70aeb6]{width:var(--rom-card-width)}input[data-v-4c70aeb6]{display:none}.file-container[data-v-4c70aeb6]{justify-content:center;width:100%;display:flex}.custom-upload[data-v-4c70aeb6]{color:#fff;cursor:pointer;padding:10px 0;display:inline-block}.custom-upload[data-v-4c70aeb6]:hover{color:var(--geral-button-color-hover)}.rom[data-v-066ab8cf]{width:var(--rom-card-width)}.roms-section{flex-direction:column;align-items:center;width:100%;display:flex}.rom-header{color:#fff;justify-content:center;width:100%;font-size:2rem;display:flex}.roms{grid-template-columns:repeat(3,20rem);place-items:stretch center;gap:2rem;min-width:fit-content;display:grid}.rom{height:100%}@media (width<1024px){.roms{grid-template-columns:20rem 20rem}}@media (width<720px){.roms{grid-template-columns:20rem}}.about-header[data-v-376bc315]{color:#fff;justify-content:center;font-size:2rem;display:flex}.about-header h2[data-v-376bc315]{text-align:center}.content[data-v-376bc315]{flex-direction:column;justify-content:center;width:85%;max-width:70rem;display:flex}.content p[data-v-376bc315]{color:#fff}.cyan[data-v-376bc315]{color:#0ff}a[data-v-376bc315]{color:inherit}.console-container[data-v-366bd13f]{justify-content:center;width:100%;display:flex}.roms-container[data-v-366bd13f]{justify-content:center;display:flex}.about-chip8[data-v-366bd13f]{flex-direction:column;align-items:center;display:flex}