body{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{color-scheme:light dark;--light-bg: ghostwhite;--light-color: #101520;--dark-bg: #101520;--dark-color: ghostwhite}*{background-color:light-dark(var(--light-bg),var(--dark-bg));color:light-dark(var(--light-color),var(--dark-color));border-color:#96b4b44d}.light{color-scheme:light}.dark{color-scheme:dark}.main{margin:0 auto;height:80vh;display:grid;grid-template-columns:repeat(2,1fr);box-sizing:border-box}.left{display:grid;flex-direction:column;width:40vw}.right{margin:auto;display:grid;grid-template-columns:repeat(3,1fr);flex-wrap:wrap;justify-content:center;box-sizing:border-box;width:40vw}@media (max-width: 1100px){.main{grid-template-columns:1fr;height:auto}.left{border-style:none;width:auto}.left label{font-size:medium!important;width:40%!important}.right{padding:20px;flex-direction:column;width:auto;font-size:.6rem}}.service-container{margin:1vh 1vw;height:15vh;display:flex;align-items:center;justify-content:center;border:2px solid #2c3e50;border-radius:10px;cursor:pointer;text-align:center;background-color:#1e2a38;color:#f5f5f5;transition:all .3s ease;box-shadow:0 4px 6px #00000080}.service-container:hover{background-color:#2a3b50;border-color:#4c97ff;box-shadow:0 6px 10px #4c97ff4d}.isSelected{background-color:#4c97ff;color:#fff;border-color:#1e7bf6;box-shadow:0 8px 12px #4c97ff66}.container-text{background-color:transparent;color:inherit}.service-container:hover .container-text{background-color:inherit;color:inherit}.isSelected .container-text{background-color:transparent;color:inherit}.h3{flex-grow:1;align-self:stretch}.github-button-container{position:absolute;bottom:-30px;right:10px;background-color:#24292e;border-radius:50%;padding:8px;cursor:pointer;transition:all .3s ease;opacity:0;transform:translateY(10px)}.github-icon{color:#fff;font-size:1.3rem}.github-button-container:hover{background-color:#4c97ff}.service-container{position:relative;overflow:hidden}.service-container:hover .github-button-container{bottom:10px;opacity:1;transform:translateY(0)}.configurationContainer{border-width:1px;border-style:none solid none none;padding:20px}.configurationContainer div{height:25%;margin-bottom:15px}.configurationContainer h2{padding-left:1vw;height:5vh}.middleConfigDiv label,.topConfigDiv label{padding-bottom:4vh;display:inline-block;text-align:center;font-size:x-large;width:33%}.middleConfigDiv input,.topConfigDiv input{width:20%}.bottomConfigDiv label{padding-bottom:4vh;display:inline-block;text-align:center;font-size:large;width:40%}.bottomConfigDiv input{display:inline-block;width:55%;height:5vh;font-size:large;border-width:0 0 1px 0;border-style:solid;border-color:#fff;outline:none}@media (max-width: 900px){.configurationContainer{border:none}.configurationContainer div{height:auto}}.home{max-width:80vw;margin:0 auto;position:relative;border-width:1px;border-style:none solid}@media (max-width: 900px){.home{max-width:90vw;min-width:auto}}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 auto;min-height:50px;height:calc(10vh - 1px);padding:0 30px;max-width:70vw;border-width:1px;border-style:none none solid none;color:#fff;font-family:Arial,sans-serif}.toolbar-left{display:flex;align-items:center;height:8vh}.toolbar-logo{font-family:Courier New,Courier,monospace;font-size:2.5rem}.toolbar-right{display:flex;align-items:center}.os-selector{padding:5px 10px;font-size:1rem;border:1px solid #ccc;border-radius:5px;color:#fff;cursor:pointer;background-color:#101520}.spacer{min-width:10px}.large-github-icon{color:#fff;font-size:3rem;cursor:pointer}@media (max-width: 900px){.toolbar{flex-direction:column;align-items:center;text-align:center;padding:30px}}.footer{margin:0 auto;height:calc(10vh - 1px);padding:0 110px;max-width:70vw;border-width:1px;border-style:solid none none none;position:relative;min-height:50px}.generateButton{line-height:calc(5vh - 8px);font-size:1.5rem;max-height:calc(10vh - 5px);padding:10px 20px;border:2px solid #4c97ff;border-radius:8px;background-color:#2a3b50;color:#f5f5f5;cursor:pointer;transition:all .3s ease;text-align:center;box-shadow:0 4px 6px #00000080}.generateButton:hover{background-color:#4c97ff;color:#fff;box-shadow:0 6px 10px #4c97ff66;border-color:#1e7bf6}.generateButton:active{background-color:#1e7bf6;box-shadow:0 3px 6px #0009;transform:scale(.98)}.center{margin:0;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
