a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--first-color:#000d29;--second-color:rgba(0,13,41,0.5);--third-color:#118c8b;--fourth-color:#f2746b;--xl-size:57.665rem;--l-size:25.629rem;--lm-size:11.391rem;--m-size:5.063rem;--s-size:3.375rem;--xs-size:1.5rem;--default-size:1rem}html{font-size:5px}body,html{height:100%}body{font-family:Raleway,sans-serif;background-color:#fff;background-size:auto 100%;background-repeat:no-repeat;background-position:0 0;height:100vh;width:100%;font-size:5.063rem;font-size:var(--m-size);color:#000d29;color:var(--first-color)}a{cursor:pointer}b{font-weight:600}h1{font-family:Merriweather,serif;color:#000d29;color:var(--first-color);font-size:5.063rem;font-size:var(--m-size);margin-bottom:1.5rem;margin-bottom:var(--xs-size)}h1.display-name{font-size:11.391rem;font-size:var(--lm-size);margin-bottom:3.375rem;margin-bottom:var(--s-size);overflow-wrap:break-word}.display-name-enter{opacity:0}.display-name-enter.display-name-enter-active{opacity:1;-webkit-transition:opacity 2s ease;transition:opacity 2s ease}.display-name-leave.display-name-leave-active{opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s;-webkit-transform:translateX(100%);transform:translateX(100%)}.logo{max-width:100%}ul.list{display:flex;flex-flow:row wrap;justify-content:space-around}li{font-size:5.063rem;font-size:var(--m-size)}.hide{display:none}.list li{display:inline-block;margin:3.375rem 0 0;margin:var(--s-size) 0 0 0;flex-grow:1;width:100%}li .active{font-weight:700}.name-box{height:45vh}.gender,.name-box{display:flex;justify-content:center;flex-direction:column}.gender{height:100vh}.gender-box{margin-top:5.063rem;margin-top:var(--m-size)}.name-description,.progress{font-family:Merriweather,serif;color:rgba(0,13,41,.5);color:var(--second-color);font-size:3.375rem;font-size:var(--s-size);opacity:.6}.App{display:flex;flex-flow:column}.action-container{margin:3.375rem auto auto;margin:var(--s-size) auto auto auto;display:flex;justify-content:center;text-align:center;height:87vh;width:100%}.action-box{width:90%}.progress-box{margin-bottom:auto}.buttons{display:flex;justify-content:space-evenly;margin-bottom:3.375rem;margin-bottom:var(--s-size)}.button{font-family:inherit;font-size:3.375rem;font-size:var(--s-size);padding:3.375rem 5.063rem;padding:var(--s-size) var(--m-size);color:#fff;border:transparent;background-color:#e6e6e6;text-decoration:none;border-radius:0;cursor:pointer;width:25.629rem;width:var(--l-size)}.button-yes{-webkit-transition:background-color .4s ease-out;transition:background-color .4s ease-out;background-color:#118c8b;background-color:var(--third-color)}.button-no:hover,.button-yes:hover{opacity:.9}.button-yes:focus{outline:3px solid #118c8b;outline:solid 3px var(--third-color);opacity:.8}.button-no:focus{outline:3px solid #f2746b;outline:solid 3px var(--fourth-color);opacity:.8}.button-no{-webkit-transition:background-color .4s ease-out;transition:background-color .4s ease-out;background-color:#f2746b;background-color:var(--fourth-color)}.button-disabled{background-color:rgba(68,131,131,.2);cursor:not-allowed}.gender-box .buttons{margin-top:3.375rem;margin-top:var(--s-size)}.button.boy{background-color:#118c8b;background-color:var(--third-color)}.button.boy,.button.girl{font-size:3.375rem;font-size:var(--s-size)}.button.girl{background-color:#f2746b;background-color:var(--fourth-color)}.navbar{text-align:center;margin-top:5.063rem;margin-top:var(--m-size)}.restart{color:rgba(0,13,41,.5);color:var(--second-color);font-size:3.375rem;font-size:var(--s-size);opacity:.6}.back-icon{color:#118c8b;color:var(--third-color);opacity:.6}.tab-menu{display:flex;justify-content:space-evenly;border-bottom:1px solid rgba(0,13,41,.5);border-bottom:1px solid var(--second-color);margin-bottom:5.063rem;margin-bottom:var(--m-size)}.tab-menu li{width:33%;padding:1rem;padding:var(--default-size)}.tab-menu a{color:rgba(0,13,41,.5);color:var(--second-color);font-size:3.375rem;font-size:var(--s-size);text-decoration:none}.tab-menu li:nth-of-type(2){border-left:1px solid rgba(0,13,41,.5);border-left:1px solid var(--second-color);border-right:1px solid rgba(0,13,41,.5);border-right:1px solid var(--second-color)}.example-enter{opacity:.01}.example-enter.example-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.example-leave{opacity:1}.example-leave.example-leave-active{opacity:.01;-webkit-transition:opacity .3s ease-in;transition:opacity .3s ease-in}.cross-fade-leave{opacity:1}.cross-fade-leave.cross-fade-leave-active{opacity:0;-webkit-transition:opacity 1s ease-in;transition:opacity 1s ease-in}.cross-fade-enter{opacity:0}.cross-fade-enter.cross-fade-enter-active{opacity:1;-webkit-transition:opacity 1s ease-in;transition:opacity 1s ease-in}.cross-fade-height{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.fade-wait-leave{opacity:1}.fade-wait-leave.fade-wait-leave-active{opacity:0;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.fade-wait-enter{opacity:0}.fade-wait-enter.fade-wait-enter-active{opacity:1;-webkit-transition:opacity .4s ease-in .6s;transition:opacity .4s ease-in .6s}.fade-wait-height{-webkit-transition:height .6s ease-in-out;transition:height .6s ease-in-out}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@media (min-width:500px){html{font-size:10px}li{font-size:3.375rem;font-size:var(--s-size)}.list li{margin:1.5rem 0 0;margin:var(--xs-size) 0 0 0;width:50%}.buttons{margin-bottom:5.063rem;margin-bottom:var(--m-size);justify-content:center}.button{padding:1rem 3.375rem;padding:var(--default-size) var(--s-size);margin:0 3.375rem;margin:0 var(--s-size)}.navbar{text-align:left;margin-top:1.5rem;margin-top:var(--xs-size);margin-left:5.063rem;margin-left:var(--m-size)}.restart{font-size:2rem}}@media (min-width:900px){html{font-size:12px}}@media (min-width:1600px){html{font-size:16px}.restart{margin-left:1.5rem;margin-left:var(--xs-size);text-align:left;font-size:1.5rem;font-size:var(--xs-size)}.action-box{width:57.665rem;width:var(--xl-size)}.action-container{width:100%}h1.display-name{font-size:11.391rem;font-size:var(--lm-size);margin-bottom:3.375rem;margin-bottom:var(--s-size)}.tab-menu{border-bottom:3px solid rgba(0,13,41,.5);border-bottom:3px solid var(--second-color)}.tab-menu li:nth-of-type(2){border-left:3px solid rgba(0,13,41,.5);border-left:3px solid var(--second-color);border-right:3px solid rgba(0,13,41,.5);border-right:3px solid var(--second-color)}.list li{width:33%}}.list-counter{font-size:1.5rem;font-size:var(--xs-size);position:absolute;top:5px;right:5px;padding:5px;border-radius:50%;color:#fff;opacity:.5;line-height:1;text-align:ceter;min-width:20px}.list-counter-no{background:#f2746b;background:var(--fourth-color)}.list-counter-yes{background:#118c8b;background:var(--third-color)}
/*# sourceMappingURL=main.fabf55fe.chunk.css.map */