body,html{overflow:hidden;position:relative}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}@media (max-width:768px){#root{background:linear-gradient(-90deg,#811f1b 85%,#811f1b);display:flex;justify-content:center;min-height:100vh;overflow:hidden;text-align:center;width:100vw}*{-webkit-user-select:none;user-select:none}#root>div{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin:0}.app{overflow:hidden}.app>div{align-items:center;display:flex;flex-direction:column;justify-content:center}.row{flex-direction:row!important}.row>*{margin:5px}h1{height:8%;margin-top:10px;text-shadow:0 0 50px 0 rgba(0,0,0,.3)}h1,h2{color:#fff;font-family:Lucida Console,Monospace,Arial,sans-serif;margin-bottom:0;max-width:90%}h2{height:4%;margin-top:2%}.flags{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 0 60px 0 rgba(0,0,0,.3);height:8%;margin-bottom:4%;margin-top:10%;position:relative;width:80%}.title{width:90%}.swipe{position:absolute}.share_buttons{display:flex;justify-content:space-between}.cardContainer{margin:10px}.card,.cardContainer{height:360px;max-width:270px;width:90vw}.card{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 0 150px 0 rgba(0,0,0,.3);position:relative}.infoText{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:popup;animation-name:popup;color:#fff;display:flex;justify-content:center;width:100%}.buttons{flex-direction:row;flex-wrap:nowrap;margin:2%}.buttons,.swipeButton{align-items:center;display:flex;justify-content:center}.swipeButton{height:90px;overflow:hidden}.swipeButton img{max-height:100%;max-width:100%}.buttons button{background-color:#f3f3f386;border:none;border-radius:5px;color:#fff;flex-shrink:0;font-size:18px;font-weight:bolder;margin:10px;transition:.2s;width:160px}.precentage{align-items:center;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-family:Lucida Console,Monospace,Arial,sans-serif;font-size:40px;height:8%;justify-content:center;margin:0;max-width:100%;padding:0;text-shadow:0 0 60px 0 rgba(0,0,0,.3)}.buttons button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}Dialog{align-items:center;position:relative}.dialog_image_div{max-height:570px}.replay-button{background-color:initial;border:none;cursor:pointer;font-size:16px;padding:10px 0;transition:background-color .3s ease,color .3s ease;width:140px}.replay-button:hover{background-color:#2980b9;color:#fff}.replay-button:focus{outline:none}.dialog_image{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;max-height:550px;max-width:100%;position:relative}.MuiDialog-paperScrollPaper,.MuiDialogTitle-root{align-items:center;padding-top:0;padding:5px 0!important}.dialog-title{height:20%;text-align:center}.further-reading{color:#fff}a.further-reading{text-decoration:underline}.card p{color:#811f1b!important;font-weight:bolder!important;margin:0;position:absolute;right:10px;top:10px}}@media (min-width:769px){body{background-color:#add8e6}#root{background:linear-gradient(-90deg,#811f1b 85%,#811f1b);display:flex;justify-content:center;min-height:100vh;overflow:hidden;text-align:center;width:100vw}*{-webkit-user-select:none;user-select:none}#root>div{align-items:center;display:flex;flex-direction:column;justify-content:center}.app{overflow:hidden}.app>div{align-items:center;display:flex;flex-direction:column;justify-content:center}.row{flex-direction:row!important}.row>*{margin:5px}h1{height:8%;text-shadow:0 0 60px 0 rgba(0,0,0,.3)}h1,h2{color:#fff;font-family:Lucida Console,Monospace,Arial,sans-serif;margin-bottom:0;margin-top:2%;max-width:90%}h2{height:4%}.flags{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 0 60px 0 rgba(0,0,0,.3);height:8%;margin-bottom:4%;margin-top:2%;position:relative;width:90%}.title{width:70%}.swipe{position:absolute}.card,.cardContainer{height:440px;max-width:330px;width:90vw}.card{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;box-shadow:0 0 150px 0 rgba(0,0,0,.3);position:relative}.swipeButton{align-items:center;display:flex;height:90px;justify-content:center;overflow:hidden}.swipeButton img{max-height:100%;max-width:100%}.share_buttons{display:flex;justify-content:space-between}.cardContent{height:100%;width:100%}.card h3{bottom:0;color:#fff;margin:10px;position:absolute}.infoText{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:popup;animation-name:popup;color:#fff;width:100%}.buttons,.infoText{display:flex;justify-content:center}.buttons{align-items:center;flex-wrap:wrap;margin:2%;width:"20%"}.buttons button{background-color:#f3f3f383;border:none;border-radius:5px;color:#fff;flex-shrink:0;font-size:18px;font-weight:bolder;margin:10px;transition:.2s;width:160px}.buttons button:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}Dialog{align-items:center;position:relative}.dialog_image_div{max-height:580px}.replay-button{background-color:initial;border:none;cursor:pointer;font-size:16px;padding:10px 0;transition:background-color .3s ease,color .3s ease;width:160px}.replay-button:hover{background-color:#2980b9;color:#fff}.replay-button:focus{outline:none}.dialog_image{background-color:#fff;background-position:50%;background-size:cover;border-radius:20px;max-height:560px;max-width:100%;position:relative}.MuiDialog-paperScrollPaper,.MuiDialogTitle-root{align-items:center;padding-top:0;padding:5px 0!important}.dialog-title{height:20%;text-align:center}.behind-cards{height:100%}.behind-cards,.precentage{align-items:center;flex-direction:column;justify-content:center}.precentage{box-sizing:border-box;color:#fff;display:flex;font-family:Lucida Console,Monospace,Arial,sans-serif;font-size:40px;height:8%;margin:0;max-width:90%;padding:0;text-shadow:0 0 60px 0 rgba(0,0,0,.3)}.further-reading{color:#fff}.card p{color:#811f1b!important;font-weight:bolder!important;margin:0;position:absolute;right:10px;top:10px}}
/*# sourceMappingURL=main.ddee4c2b.css.map*/