*{overflow-x:hidden}#root{--bg: #fcfafa;--primary: #53b560;--secondary: #9cd8a4;--accent: #79cd85;--header-height: 10vh;--footer-height: 7vh;--main-height: calc( 100vh - var(--footer-height) - var(--header-height));background-color:var(--bg);color:#000;margin:0;padding:0}.nav-header{background-color:var(--bg);height:var(--header-height);margin:0;padding:0;width:100vw;border-radius:5px;box-shadow:0 2px 5px gray}.nav-bar{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.nav-title{margin:0}.body{--vert-margin:calc(calc(var(--main-height)*.05) / 2) ;width:95%;max-width:700px;min-height:calc(var(--main-height) * .95);overflow:hidden;margin:var(--vert-margin) auto;border-radius:5px}.footer{background-color:#000;color:#fff;text-align:center;vertical-align:bottom;position:relative;bottom:0;height:var(--footer-height);line-height:var(--footer-height);width:100vw}.body{display:flex;align-items:center;justify-content:space-evenly}form{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95%;width:45%}#select-software{display:flex;flex-direction:column;align-items:center;margin:30px 0}#select-software>select{text-align:center;appearance:none;width:100%;outline:none}optgroup{color:#000}.text{height:5rem}button{margin:30px auto;padding:12px 16px;border-radius:8px;width:75%;font-size:1rem;line-height:1.5}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:95%;width:45%;margin:20px 0}.screen>img{width:241.9px;height:241.9px}.genbox{border:1px solid #ccc;background-color:#f9f9f9;padding:12px 16px;border-radius:8px;max-width:500px;max-height:95%;font-size:16px;line-height:1.5;box-shadow:0 2px 5px #0000001a}