body { background-color: rgba(33, 33, 39, 0.95); color: whitesmoke; padding: 20px; font-size: x-large; text-align: left; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; } h1 { margin-top: 0; display: inline-block; } #version { margin: 5px; } input[type="text"], .input { border-radius: 5px; padding: 5px; outline: none; border: none; width: 50%; height: 35px; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; } .input { width: 70px; font-size: larger; padding: 5px; } .prefBox, #pathConfig { display: flex; justify-content: space-between; margin: 0 15px; padding: 20px 15px; border-radius: 15px; background-color: rgb(61, 62, 63); } .prefBox { flex-direction: row; } #pathConfig { flex-direction: column; } .configBox { display: flex; flex-direction: row; justify-content: space-between; } #configBtn { display: inline-block; } #configOpts { display: flex; flex-direction: column; justify-content: center; align-items: center; } #save { padding: 10px; border-radius: 8px; border: none; color: rgb(255, 255, 255); background-color: rgb(49, 215, 49); cursor: pointer; } #save:active { background-color: rgb(41, 155, 41); } #top { position: absolute; top: 10px; right: 10px; display: flex; } #back, #restart { text-decoration: none; padding: 8px; border-radius: 10px; margin: 3px; font-size: large; cursor: pointer; } #back { background-color: rgb(51, 177, 219); color: white; } #restart { background-color: rgb(210 69 27); color: white; } .redBtn { background-color: rgb(210 69 27); color: white; text-decoration: none; border: none; margin: 5px; border-radius: 10px; cursor: pointer; font-size: medium; } a { color: rgb(34, 136, 199); cursor: pointer; } input[type="checkbox"] { width: 25px; height: 25px; } .greenBtn { padding: 10px; margin: 0 20px; border: none; border-radius: 10px; font-size: large; color: white; background-color: rgb(35, 190, 35); border-bottom: 4px solid rgb(30, 139, 30); cursor: pointer; position: relative; outline: none; } #selectLocation:active { border-bottom: none; top: 4px; margin-bottom: 4px; } select { padding: 15px; background-color: rgb(88, 232, 88); border: none; border-radius: 8px; cursor: pointer; font-size: large; outline: none; position: relative; } #browserInfo { cursor: pointer; } #configOpts { display: none; }