@import url(https://use.fontawesome.com/releases/v5.13.0/css/all.css);.header-bar{height:auto;width:100%}.topbar-wrapper{height:2rem;background-color:#cdd1dd;border-radius:50px 50px 0 0}.topbar{width:250px;margin:0 auto;height:2rem}.socials-wrapper,.topbar{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap}.socials-wrapper{-webkit-justify-content:center;justify-content:center;-webkit-justify-content:flex-start;justify-content:flex-start;width:50%}.socials{margin-left:1em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#000}.a,.fa-github{color:#000;font-size:1.4rem;text-decoration:none}.a{transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}.a:link{direction:none}.socials:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.theme-toggle-wrapper{width:50%}.theme-toggle,.theme-toggle-wrapper{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center;-webkit-justify-content:flex-end;justify-content:flex-end}.theme-toggle{position:relative;-webkit-align-self:center;align-self:center;width:50px;height:25px;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0}.theme-toggle input{opacity:0;width:100%;height:100%;pointer-events:all}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:grey;transition:.4s;pointer-events:none}.slider:before{font-family:"Font Awesome 5 Free";content:"";font-weight:900;font-size:16.5px;width:auto;left:7px;bottom:4px}.slider:after,.slider:before{position:absolute;color:#fff;transition:.2s;pointer-events:none}.slider:after{right:2px;font-size:.75em;top:4px}input:checked+.slider{background-color:#66bb6a}input:checked+.slider:before{-webkit-transform:translateX(20px);transform:translateX(20px);font-family:"Font Awesome 5 Free";content:"";color:#cdd1dd;font-weight:900;font-size:16.5px;width:auto;bottom:4px}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.panel-card{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:.75rem;width:250px;height:auto;border-radius:10px;border:1px solid #f2f4f7;display:block;margin:0 10px;padding:16px 0}.card-line{height:25px;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:flex-start;justify-content:flex-start}.card-line,.card-line-country{margin:.1rem 5px}.card-block{height:25px;margin:5px 10px;text-align:left;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.card-block-Label{margin:0 5px 0 30px;width:80px;position:left;display:block}.card-uNameWrapper{height:25px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:auto}.card-uAgeWrapper,.card-uGenderWrapper{height:25px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;width:auto;margin:0 30px 5px 40px}.card-uItem{margin:0 0 0 .5em;color:#cdd1dd;text-align:right;overflow:hidden}.card-uItem-Last{margin-left:30px}.card-uItem-Center{margin:0;color:grey}.card-countryItem{margin:0 .8em;color:#cdd1dd;text-align:left;overflow:hidden}.card-ItemWrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;margin:0 30px 5px 40px}.card-pLabel{height:100%;margin:0 0 5px .8em}.card-pLabel,.card-pName{text-align:center}.card-pGen{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around}.card-pGen,.edit{display:-webkit-flex;display:flex}.edit{-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%}.space{width:30px;height:30px}button{color:#fff;border:0;border-radius:5px 5px 5px 5px;-webkit-appearance:none}.generic{height:40px;width:75px;background-color:#87cefa}.clear{height:40px;width:50px;background:red}[data-theme=dark] body{background-color:#1d1e30;color:#ced2de}[data-theme=dark] .App{background-color:#111755;color:#ced2de}[data-theme=dark] .topbar-wrapper{background-color:#151837}[data-theme=dark] .fa-github{color:#cdd1dd}[data-theme=dark] button{color:#ced2de}[data-theme=dark] .btn-primary,[data-theme=dark] .generic,[data-theme=dark] .rndButton{background-color:#4dabe6}[data-theme=dark] .clear{background-color:#8e0b0b}[data-theme=dark] .panel-card{background-color:#1d1e30}[data-theme=dark] .card-pLabel,[data-theme=dark] .card-pName{color:grey}[data-theme=dark] .country-control,[data-theme=dark] input{background-color:#ced2de;color:grey}body{margin:2rem 0 0;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}.App,body{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.App{-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-align-items:center;align-items:center;background-color:#4287ff;text-align:center;width:350px;border-radius:38px 38px 38px 38px}.App,input{font-family:"Roboto";color:#000}input{background-color:#f2f4f7}.country-control{color:#000}.Panel-Block{width:100%}.Panel-Block,.panel-input{display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:center;justify-content:center}.panel-input{margin:16px 0;height:30px;width:250px}.panel-input input{width:188px;padding-left:10px;border-width:1px;border-radius:5px 0 0 5px}.btn-primary{margin-right:0;height:30px;width:50px;background:#87cefa;color:#fff;border:0;border-radius:0 3px 3px 0;--webkit-appearance:none}input[type=number]{padding:0 0 0 10px;border-width:1px;border-radius:5px 0 0 5px}.panel{display:-webkit-flex;display:flex;-webkit-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;width:250px;height:auto;padding:20px 0}option,select{max-width:200px}.Wrapper{height:30px;width:auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:row;flex-direction:row;margin-top:16px;margin-bottom:16px}.rndButton{margin-right:0;height:30px;width:50px;background:#87cefa;color:#fff;border:0;border-radius:0 3px 3px 0;-webkit-appearance:none}.country-control,.country-root{position:relative;overflow:hidden;max-width:200px}.country-control{font-family:"Roboto";background-color:#fff;border:1px solid #ccc;box-sizing:border-box;color:#333;cursor:default;outline:none;padding:4px 0 4px 10px;transition:all .2s ease;border-radius:5px 0 0 5px;min-width:200px;text-align:left}.country:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.country-control option .is-open{max-width:200px!important}.is-open .country-arrow{border-color:transparent transparent #999;border-width:0 5px 5px;max-width:200px}.country-option{box-sizing:border-box;color:rgba(51,51,51,.8);cursor:pointer;display:block;padding:8px 10px;overflow:hidden;width:200px!important;max-width:200px!important;white-space:nowrap;text-overflow:ellipsis}.country-menu{max-width:200px}.country,option{overflow:hidden;text-overflow:ellipsis}.country-option.is-selected,.country-option:hover{background-color:#f2f9fc;color:#333}.country-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}
/*# sourceMappingURL=main.32fe1aa1.chunk.css.map */