@import url(https://fonts.googleapis.com/css?family=Lato);body,html{height:100%}html{font-size:1rem}body{display:flex;justify-content:center;align-items:center;background:#f5fffa}*{margin:0;padding:0;box-sizing:border-box;list-style:none;font-family:lato}button:focus{outline:0}.main{width:100%;height:100%}@keyframes buttonHover{to{transform:translate(2px,2px)}}@keyframes slide{0%{transform:translateX(1040rem)}to{transform:translateX(-1040rem)}}.app{display:flex;justify-content:center;align-items:center;flex-direction:column;background-image:url("https://midnightwatcher.files.wordpress.com/2011/03/global_map.jpg");background-size:cover;background-position:50% 50%}.app,.main-container{width:100vw;height:100vh}.main-container{margin-top:8rem}.flag{width:26rem;height:16rem;border-radius:50%;box-shadow:0 0 50px 5px #878787;z-index:1;background-size:cover;background-repeat:no-repeat;background-position:50% 50%}.none{visibility:hidden}.top-bar{position:fixed;top:0;right:0;height:6rem;width:100%;justify-content:space-around;opacity:.75}.top-bar,.top-bar__flags{display:flex;align-items:center}.top-bar__flags{height:90%;justify-content:flex-start;animation:slide 180s linear infinite}.top-bar__single-flag{width:9rem;height:90%;margin-left:1rem;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:5px}.top-bar__header{position:absolute;left:4rem;z-index:1}.question-mark{background-image:url("http://www.i2clipart.com/cliparts/6/a/4/b/clipart-icon-with-question-mark-256x256-6a4b.png");background-size:contain;height:4rem;width:4rem;z-index:1;background-repeat:no-repeat;position:absolute;right:4rem}.question-mark:hover{cursor:pointer;animation:buttonHover ease-in-out .05s forwards}.instructions-wrapper{height:100vh;width:100vw;position:fixed;top:0;right:0;display:flex;animation:wrapperFadeIn ease-in .3s forwards;z-index:2}@keyframes instructionIn{0%{width:0;height:0%;top:3rem;right:6rem}50%{width:calc(100vw - 12rem);height:0}to{width:calc(100vw - 12rem);height:calc(100vh - 6rem)}}@keyframes instructionOut{0%{width:calc(100vw - 12rem);height:calc(100vh - 6rem)}50%{width:calc(100vw - 12rem);height:0}to{width:0;height:0%;top:3rem;right:6rem}}@keyframes wrapperFadeIn{to{background-color:rgba(0,0,0,.5)}}@keyframes wrapperFadeOut{0%{background-color:rgba(0,0,0,.5)}to{background-color:transparent}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.instructions-box{width:calc(100vw - 12rem);height:calc(100vh - 6rem);background:linear-gradient(180deg,#6d88b7 0,#b8c6df);animation:instructionIn ease-in-out .75s forwards;overflow:hidden;border:1px solid #000;position:fixed;right:6rem;top:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.ins__sub-title{margin-top:2rem;margin-bottom:2rem;font-weight:bolder}.ins__text-box{flex-grow:2}.box-out{animation:instructionOut ease-in-out .75s forwards}.wrapper-out{animation:wrapperFadeOut ease-in-out .75s forwards}.instructions-box button,.instructions-box div,.instructions-box h1{opacity:0;animation:fadeIn .75s .75s forwards}.ins__btn{width:70%;border-radius:5px;align-self:center;min-height:3rem;font-size:1rem;background-color:#e4e4e4;border:none}.ins__btn:hover{cursor:pointer;color:#d8d8d8;background-color:#b1b1b1}.answers-container{flex-wrap:wrap;margin-top:2rem}.answer,.answers-container{display:flex;justify-content:center}.answer{color:#0f36bf;flex-basis:35%;border:1px solid #066dab;height:70px;font-size:1.5rem;align-items:center;background:linear-gradient(135deg,#066dab,#8abbd7 66%,#8abbd7 0,#c5deea);border-radius:5px;margin:1rem 1rem 0}.answer:nth-child(2){background:linear-gradient(45deg,#c5deea,#8abbd7 31%,#066dab)}.answer:nth-child(3){background:linear-gradient(45deg,#066dab,#8abbd7 66%,#8abbd7 0,#c5deea)}.answer:nth-child(4){background:linear-gradient(135deg,#c5deea,#8abbd7 31%,#066dab)}.answer:hover{background:radial-gradient(ellipse at center,#deefff 0,#98bede 100%);cursor:pointer;animation:buttonHover ease-in-out .05s forwards;color:#adb3bc}.right{color:blue;flex-basis:35%;border:1px solid #000;height:70px;border-radius:5px;margin:1rem 1rem 0;font-size:1.5rem;display:flex;justify-content:center;align-items:center}.right,.right:hover{background:linear-gradient(180deg,#bfd255 0,#8eb92a 50%,#72aa00 63%,#9ecb2d)}.wrong{color:blue;flex-basis:35%;border:1px solid #000;height:70px;border-radius:5px;margin:1rem 1rem 0;font-size:1.5rem;display:flex;justify-content:center;align-items:center}.wrong,.wrong:hover{background:linear-gradient(180deg,#f85032 0,#f16f5c 54%,#f6290c 73%,#f6290c 0,#f6290c 75%,#f02f17 87%,#e73827)}.pie{width:28rem;height:18rem;display:block;border-radius:50%;background-color:#2f2;box-shadow:inset 0 0 27px 2px #757575;float:left;position:absolute}.zero{background-color:#fff;border:2px solid red}.ten{background-image:linear-gradient(126deg,transparent 50%,#fff 0),linear-gradient(90deg,#fff 50%,transparent 0)}.nine{background-image:linear-gradient(162deg,transparent 50%,#fff 0),linear-gradient(90deg,#fff 50%,transparent 0)}.eight{background-image:linear-gradient(198deg,transparent 50%,#fff 0),linear-gradient(90deg,#fff 50%,transparent 0)}.seven{background-image:linear-gradient(234deg,transparent 50%,#fff 0),linear-gradient(90deg,#fff 50%,transparent 0)}.six{background-image:linear-gradient(270deg,transparent 50%,#fff 0),linear-gradient(90deg,#fff 50%,transparent 0)}.five{background-image:linear-gradient(126deg,transparent 50%,#2f2 0),linear-gradient(90deg,#fff 50%,transparent 0)}.four{background-image:linear-gradient(162deg,transparent 50%,#2f2 0),linear-gradient(90deg,#fff 50%,transparent 0)}.three{background-image:linear-gradient(198deg,transparent 50%,red 0),linear-gradient(90deg,#fff 50%,transparent 0)}.three,.two{background-color:red}.two{background-image:linear-gradient(234deg,transparent 50%,red 0),linear-gradient(90deg,#fff 50%,transparent 0)}.one{background-color:red;background-image:linear-gradient(270deg,transparent 50%,red 0),linear-gradient(90deg,#fff 50%,transparent 0)}.flag-button-container{width:100%;display:flex;align-items:center;justify-content:space-evenly}.button{border-radius:50%;height:7rem;width:7rem;font-size:1rem;color:#0f36bf;background:linear-gradient(180deg,#a7cfdf 0,#23538a)}.button:hover{cursor:pointer;animation:buttonHover ease-in-out .05s forwards;color:#adb3bc}.button:last-child:hover{background:radial-gradient(ellipse at center,#deefff 0,#98bede 100%)}.timer-btn{background-image:url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRrmwMS11MFhV5D9D047rkNfGEntdVkaA9s-B53WDHoE5MFK_4oag");background-size:contain;background-position:50% 50%}.score-wrapper{display:flex;justify-content:space-evenly;margin-top:3rem}.score-item{font-size:1.5rem;color:#0f36bf}.score-item:first-child{margin-right:43rem}.untimed{background-color:red;transform:rotate(-45deg);width:100%;height:10%}
/*# sourceMappingURL=globals.css.map*/