body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(to right bottom,#0e4981,#2c5c91,#436fa1,#5a84b1,#7098c1,#73a9ca,#7cbad1,#8bcad7,#9bd7d0,#b7e2c8,#d8eac5,#faf0ca);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:auto;scale:1;input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}h1{color:#fff;font-size:60px;margin-left:-20px;margin-right:auto;padding:20px;text-align:center;width:100%}p{padding-bottom:2px}li,ol{margin-left:-10px}.hidden{visibility:hidden}@media screen and (max-width:360px){.leftHalf{justify-content:end;margin-right:0!important}.leftHalf,.rightHalf{display:flex;flex:1 1;flex-wrap:wrap;margin-bottom:140px;margin-top:80px;max-height:50px;padding-bottom:10px;padding-left:0!important;padding-right:0!important;padding-top:10px}.rightHalf{margin-left:0!important;width:100px}input{background-color:hsla(0,0%,100%,.6);border-color:#fff;border-radius:8px;box-shadow:#fff;color:rgba(0,0,0,.7);display:flex;flex-direction:column;font-weight:700;padding:10px;text-align:center;width:30px}.input-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,77%,.3);border:2px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;height:calc(470px - 30vw);justify-content:center;margin:25px auto 50px -20px;padding:10px 0 260px;position:relative;text-align:left;width:100%}}.form{align-items:center;margin:30px auto auto;width:calc(110% - 28vw)}.input-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,77%,.3);border:2px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);display:flex;height:calc(470px - 30vw);justify-content:center;margin:25px auto 50px -20px;padding:10px 20px 260px;position:relative;text-align:left;width:100%}.identitas{flex-wrap:wrap;margin:auto;position:absolute}.identitas,.leftHalf{display:flex;max-height:50px;padding:10px}.leftHalf{justify-content:end;margin-right:5px}.leftHalf,.rightHalf{flex:1 1;flex-wrap:wrap;margin-bottom:140px;margin-top:80px}.rightHalf{margin-left:5px;max-height:50px;width:100px}.rightHalf,input{display:flex;padding:10px}input{background-color:hsla(0,0%,100%,.6);border-color:#fff;border-radius:8px;box-shadow:#fff;color:rgba(0,0,0,.7);flex-direction:column;font-weight:700;margin:0 5px 5px;text-align:center;width:30px}::-webkit-input-placeholder{color:rgba(0,0,0,.274);font-size:10px;font-weight:medium}::placeholder{color:rgba(0,0,0,.274);font-size:10px;font-weight:medium}.buttonBox{margin-bottom:20px}.results{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.5);border:2px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);margin:25px auto 50px -20px;padding:20px;text-align:left;width:100%}label{color:#fff;display:grid;font-size:.8rem;font-weight:700;justify-content:left;margin-bottom:0;margin-top:5px;padding-bottom:2px;padding-left:8px}.wrapper{white-space:nowrap}.glass-button{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(0,0,0,.5);border:2px solid #dadada;border-radius:15px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:10px;margin-top:30px;padding:16px 32px;text-decoration:none;text-transform:uppercase}.glass-button:hover{background-color:hsla(0,0%,39%,.5);color:#3b3b3b}.glass-button:active{background-color:rgba(37,37,37,.5);color:#fff}.glass-buttonSave{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:rgba(0,0,0,.1);border:2px solid #fff;border-radius:15px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:10px;margin-top:30px;padding:16px 32px;text-decoration:none;text-transform:uppercase}.glass-buttonSave:hover{background-color:hsla(0,0%,39%,.3);color:#3b3b3b}.glass-buttonSave:active{background-color:rgba(37,37,37,.3);color:#fff}.glass-buttonClear{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.5);border:2px solid #fff;border-radius:15px;color:#545454;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;letter-spacing:2px;margin-bottom:10px;margin-top:30px;padding:16px 32px;text-decoration:none;text-transform:uppercase}.glass-buttonClear:hover{background-color:hsla(0,0%,100%,.2);color:#3b3b3b}.glass-buttonClear:active{background-color:rgba(37,37,37,.5);color:#fff}
/*# sourceMappingURL=main.7007eec7.css.map*/