body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#f0f0f0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:200!important}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s}.question{display:inline-block;padding:2rem;width:50%}.question-input{background:transparent;border:none;border-bottom:2px solid #026451;display:block;font-size:1.2rem;font-weight:200!important;outline:none;padding:.5rem 0;width:100%}.parent{align-items:center;display:flex;height:100vh;justify-content:center}.question-image{background-image:url(https://source.unsplash.com/random);background-size:cover;display:inline-block;height:100vh;padding:2rem;width:50%}.color-picker{display:block;outline:none;padding:.5rem 0;width:100%}.navigation{background-color:#fff;border-radius:4px;bottom:1rem;padding-bottom:7px;position:fixed;right:1rem}.next-arrow,.prev-arrow{color:#000;font-size:2rem;margin:0 1rem;text-decoration:none}.next-arrow:hover,.prev-arrow:hover{color:#888}.next-button{background-color:#026451;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.3rem;padding:8px 14px;text-decoration:none}svg{bottom:0;height:120px;left:0;margin:auto;position:absolute;right:0;top:0;width:240px}svg #plug,svg #socket{fill:#026451}svg #loop-normal{fill:none;stroke:#026451;stroke-width:12}svg #loop-offset{display:none}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal{background-color:#fff;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:500px;padding:2rem;width:80%}.modal-heading{margin-top:0}.modal-image,.modal-text{margin-bottom:1rem}.modal-image{height:auto;width:100%}.modal-buttons{display:flex;justify-content:flex-end}.modal-primary-button,.modal-secondary-button{border:none;border-radius:3px;cursor:pointer;margin-left:.5rem;padding:.5rem 1rem}.modal-primary-button{background-color:#026451;color:#fff}.modal-secondary-button{background-color:#ccc;color:#000}
/*# sourceMappingURL=main.d64d7f31.css.map*/