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}*{box-sizing:border-box;font-size:67.5%;margin:0}.App{background:linear-gradient(180deg,#2962a3,#1a417c);height:100vh;text-align:center}.world{position:fixed;top:50%;transition:all 2s ease}.answer{background:rgba(0,0,0,.7);border-radius:.4rem;bottom:5%;left:67.5%;padding:0 1.5rem 1.5rem;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.country-desc{display:flex}.flag{height:7rem;margin-left:2rem}.country-name{color:#fff;font-size:4rem;margin:auto}.capital-city-name{color:#fff;font-size:2.2rem;margin:auto}.question{background:linear-gradient(to top left,#bcd8e9,#d9ecf5);height:100vh;left:0;padding:2rem;position:fixed;top:0;width:35%}.title{align-items:center;display:flex;justify-content:center;padding-top:3rem}.title-logo{height:9rem}.title-name{font-family:Poiret One,cursive;font-size:6rem;font-weight:700;margin-left:2rem}.question-box{background:linear-gradient(to top left,#0b5fa3,#7dcce4);border-radius:1.2rem;box-shadow:.2rem .2rem 1rem rgba(0,0,0,.3);height:20rem;margin:6rem auto auto;padding:1.2rem;width:100%}.inner-question-border{align-items:center;border:1px solid #fff;border-radius:.8rem;display:flex;height:100%;justify-content:center}.written-question{color:#fff;font-size:3rem;padding:2rem}.options-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:3rem}.option{align-items:center;background:linear-gradient(to top left,#b7d2eb,#89e1f0);border:1px solid #86bae6;border-radius:1.6rem;cursor:pointer;display:flex;height:12rem;justify-content:center;margin:1rem;padding:1rem}.option:hover{background:linear-gradient(to top left,#a0c5e7,#6cd8eb)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.written-option{color:#013d5f;font-size:2rem;font-weight:700}.reset-btn{background:linear-gradient(to top left,#fcd999,#f5f595);border:1px solid #95b1db;border-radius:.4rem;box-shadow:1rem 1rem 1rem rgba(0,0,0,.3);color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;height:6rem;margin-top:3rem;outline:none;padding:1rem;transition:all .3s ease;width:16rem}.reset-btn:hover{background:linear-gradient(to top left,#f5cc81,#f7f787)}.reset-btn:active{box-shadow:.5rem .5rem .5rem rgba(0,0,0,.3);-webkit-transform:translateY(2%);transform:translateY(2%)}
/*# sourceMappingURL=main.c76d45ab.css.map*/