body{margin:0;padding:0;font-family:sans-serif;font-weight:700;text-align:center;font-size:2vw}section{width:100vw;height:90vh;position:relative;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}section.menu{height:auto;padding:1vw}section.menu a{color:#000}section.introduction{height:85vh;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 5vw}section.introduction .content{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-55%,0);transform:translate3d(-50%,-55%,0)}section.introduction img{width:10vw}section.introduction .title{font-size:10vw;text-transform:uppercase;font-style:normal;letter-spacing:-1;font-size:130px;line-height:.8em;margin:.333em 0}section.introduction .subtitle,section.introduction .title{font-family:Q Regular,Bodoni SvtyTwo ITC TT,Didot,serif;font-weight:400}section.introduction .subtitle{font-size:3vw;line-height:1em}.spinner{width:20vw;height:20vw;border-radius:10vw;border:.333vw solid #fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);border-bottom:.333vw solid #eee;-webkit-animation:rotate 3s linear infinite;animation:rotate 3s linear infinite}@-webkit-keyframes rotate{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translate3d(-50%,-50%,0) rotate(0);transform:translate3d(-50%,-50%,0) rotate(0)}to{-webkit-transform:translate3d(-50%,-50%,0) rotate(1turn);transform:translate3d(-50%,-50%,0) rotate(1turn)}}section.flagGenerator{background:#eee}section.flagGenerator .spinner{z-index:1}section.flagGenerator canvas{position:absolute;top:0;left:0;z-index:100}section.flagGenerator button{z-index:1000}button{font-weight:700;font-size:2vw;padding:.5em 2em;border:.15em solid #000;position:absolute;bottom:2em;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#fff}button:hover{cursor:pointer}button:focus{outline:none}section.nameGenerator{background:#000;color:#fff}section.nameGenerator button{border-color:#fff;background:#000;color:#fff}section.nameGenerator .name{font-family:Q Regular,Bodoni SvtyTwo ITC TT,Didot,Times New Roman,Times,Georgia,serif;text-rendering:optimizeLegibility;letter-spacing:-.025em;text-align:center;line-height:.8em;font-weight:400;position:absolute;top:50%;left:50%;width:100vw;padding:3vw;-webkit-transform:translate3d(-50%,-60%,0);transform:translate3d(-50%,-60%,0);font-size:15vw}section.about,section.nameGenerator .name{-webkit-box-sizing:border-box;box-sizing:border-box}section.about{background:#fff;text-align:left;padding:5vw 20vw 5vw 8vw;min-height:90vh;height:auto}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-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)}}
/*# sourceMappingURL=main.767879db.css.map*/