@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Courgette&display=swap);*{font-family:"Courgette",cursive}body{margin:0;padding:0;box-sizing:border-box;min-width:295px;background:#ece9e9}.search-and-filter{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;padding:0 60px;margin:60px 0 90px}@media screen and (max-width:835px){.search-and-filter{padding:0;margin:60px 0 50px 20px;flex-flow:column nowrap;align-items:center;height:150px}.buttonClass,.searchbox{margin-bottom:20px}}.logo{height:140px;width:155px;margin-top:-1.6rem}.header{max-width:100%;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;background:#fff;height:81px;box-shadow:0 2px 5px rgba(0,0,0,.2)}.header h2{color:#fff;margin-right:5px}.earth{width:75px;height:75px;background-image:url(https://raw.githubusercontent.com/cartalan/TierraGirando/master/img/mapa.png);background-size:cover;border-radius:50%;margin-top:-1.9rem;margin-right:8px;box-shadow:inset -30px -20px 0 0 rgba(0,0,0,.15),inset -70px -30px 0 0 rgba(0,0,0,.1),inset 5px 5px 0 0 hsla(0,0%,100%,.2);-webkit-animation:rotationEarth 5s linear infinite;animation:rotationEarth 5s linear infinite}@-webkit-keyframes rotationEarth{0%{background-position:0}to{background-position:-396px}}@keyframes rotationEarth{0%{background-position:0}to{background-position:-396px}}.searchbox input{background:#fff;border:none;border-radius:5px;height:40px;width:360px;color:#484747;padding:20px}::-webkit-input-placeholder{color:#3d3838;font-size:15px}:-ms-input-placeholder{color:#3d3838;font-size:15px}::-ms-input-placeholder{color:#3d3838;font-size:15px}::placeholder{color:#3d3838;font-size:15px}@media screen and (max-width:500px){.searchbox input{width:250px}}.searchbox{position:relative;display:flex;flex-flow:row nowrap;align-items:center;background:#fff;border:none;border-radius:3px;box-shadow:1px 0 4px rgba(0,0,0,.4)}.search-icon{position:absolute;right:10px;font-size:18px}#selection{background-color:#fff;border:3px solid #fff;border-radius:3px;height:40px;padding:5px;box-shadow:1px 0 4px rgba(0,0,0,.4);cursor:pointer}#selection:hover{color:#87ceeb;background-color:#f8f8f8}.card{background-color:#fff;width:270px;height:auto;margin:50px;box-shadow:0 4px 8px rgba(0,0,0,.4);transition:all .5s;border-radius:4px}.card:hover{transform:scale(1.05)}.card-wrapper{margin-left:15px}.line_height{line-height:5px}.card_bold{font-weight:600}.line_height span{font-size:14px;font-family:"Balsamiq Sans",cursive}.image-container{margin:0;padding:0;height:150px;width:100%;border-top-left-radius:4px;border-top-right-radius:4px}.cards_container{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.cardsdetail-container span,.right-part{font-family:"Balsamiq Sans",cursive}.back-button span{font-size:18px;margin:2px}.back-button{display:flex;align-items:center;justify-content:center;border:2px;border-radius:5px;width:110px;height:40px;cursor:pointer;margin-bottom:70px;background-color:#fff;box-shadow:2px 1px 4px rgba(0,0,0,.4)}.back-button:hover{background-color:#000;color:#fff}.cardsdetail-container{max-width:100%;display:flex;flex-flow:column nowrap;margin:60px 0 0;padding:0 40px}.flag-image-container{display:flex;background-size:cover;background-position:50%;background-repeat:no-repeat;height:350px;width:500px;transition:all .5s}.flag-image-container:hover{transform:rotateY(90deg)}.image-detail-container{display:flex}.detail-container{width:700px;height:350px;margin:0 100px;display:flex;flex-flow:column nowrap}.card-detail-1{height:160px;max-width:700px;display:flex;flex-flow:column wrap;align-content:space-between}.b-card-1,.b-card-2{display:flex;flex-flow:row wrap;font-size:15px}.b-card{text-align:center;display:inline-block;width:70px;border:none;margin:5px;padding:6px 0 0;height:23px;border-radius:3px;background-color:#fff;box-shadow:2px 1px 4px rgba(0,0,0,.4)}.card-detail-1 p{font-size:18px;line-height:3px;font-weight:700;font-family:"Balsamiq Sans",cursive}.card-detail-2{margin-top:20px}.left-part,.right-part{font-family:"Courgette",cursive}.right-part{margin-left:10px;font-weight:100}.left-part{font-size:16px}.b-card-1 div,.b-card-2 div{display:flex;align-items:center}.small-card-bottom{display:flex;flex-flow:row wrap;margin-left:15px}@media screen and (max-width:1114px){.detail-container,.image-detail-container{display:flex;flex-flow:column nowrap;width:auto;height:auto}.detail-container{margin:0 10px}}@media screen and (max-width:567px){.flag-image-container{display:block;background-size:cover;background-position:50%;background-repeat:no-repeat;width:295px;height:170px}.detail-container h1{margin-top:60px}.card-detail-1{margin-top:40px;height:auto;max-width:auto;display:flex;flex-flow:column nowrap;justify-content:center}.cardsdetail-container{margin-left:0}.back-button,.image-detail-container{margin-left:-1.2rem}}.image-option-container{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between}.options{border:2px;border-radius:5px;flex-flow:column nowrap;background-color:#fff;box-shadow:2px 2px 4px rgba(0,0,0,.4),-2px 0 4px rgba(0,0,0,.4);cursor:pointer;padding:15px}.options,.options div{display:flex;margin:5px}.options div{flex-flow:row wrap;align-items:center;justify-content:center;min-height:60px;min-width:480px;background-color:#717a85;font-size:30px;border-radius:3px;transition:all .3s}.options div:hover{color:#fff;transform:scale(1.02);box-shadow:4px 4px 4px rgba(0,0,0,.4);border-top:5px solid #c4032a}.answer-header{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.guess{font-size:30px;margin-bottom:10px}.detail-box{display:none;font-size:20px;margin-bottom:10px;border-radius:5px;width:200px}.detail-box button{background:#000;color:#fff;border-radius:5px;width:200px;height:40px}.detail-box button:hover{background:#fff;color:#000}div.right{background:green}div.wrong{background-color:#e70f0f;color:#fff;background-image:url(/Rest-Countries/static/media/skull.35b11766.png);background-repeat:no-repeat;background-position:50%;background-size:50px 50px}@media screen and (max-width:1120px){.answer-header{margin-top:60px}}@media screen and (max-width:567px){.answer-header{width:295px;margin-top:60px}.options div{min-width:295px}.image-option-container{display:flex;flex-flow:column nowrap;align-items:center}}@media screen and (max-width:400px){.options div{font-size:25px;min-width:265px}}.buttonClass{background-color:rgba(0,0,0,.712);color:#fff;border:none;height:35px;box-shadow:0 2px 4px rgba(0,0,0,.4);transition:all .4s;border-radius:4px;cursor:pointer;font-size:20px}.buttonClass:hover{background-color:#fff;color:#000;transform:scale(1.08);border-top:3px solid #ed0754}
/*# sourceMappingURL=main.0ae8cbee.chunk.css.map */