@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:200);
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:200);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#main>h1{border:4px solid purple;padding:20px}*{margin:0;padding:0}body{margin:0px;padding:0px;overflow-x:scroll;overflow-y:scroll;background-color:#8a9dc5}body{width:100%;height:100%}body{background:linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab, #ee7757, #a73c7e);background-size:400% 400%;animation:gradient 12s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.game_name{font-family:cursive;text-decoration:none;font-size:30px;margin:0;color:rgba(225,225,225,.01);background-image:url("https://images.unsplash.com/photo-1499195333224-3ce974eecb47?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2cf549433129d4227d1879347b9e78ce&auto=format&fit=crop&w=1248&q=80");background-repeat:repeat;-webkit-background-clip:text;animation:animate 25s ease-in-out infinite;text-align:center;text-transform:uppercase;font-weight:900}@keyframes animate{0%,100%{background-position:left top}25%{background-position:right bottom}50%{background-position:left bottom}75%{background-position:right top}}.score{color:#f9f9fc}svg path{cursor:pointer}.continent-header{background-color:#c7bbcf;padding:15px;display:flex;justify-content:space-between;position:relative;width:100%;top:0}.continent-header ul{list-style-type:none;display:flex;justify-content:right}.continent-header li{display:inline;color:#fff;padding:3px}.continent-header li.bchoose{object-fit:contain;object-fit:contain;mix-blend-mode:color-burn;border-radius:0}.continent-header button:hover{background-color:#ccc}#my_div{padding:15px;margin-left:25px;width:60%;position:relative;overflow:scroll;border:2px outset #2d1239;border-radius:25px;border-block-color:#3c0505;box-shadow:5px 10px #888}h2{font-family:Brush Script;font-style:italic;color:#40e0d0}#title{display:flex;justify-content:center;color:#7fffd4;font-size:30px;width:fit-content;margin:auto;margin-top:25px}#play{flex-wrap:wrap;width:25%;justify-content:space-around;justify-items:center;overflow:scroll;border:2px outset #2d1239;border-radius:25px;box-shadow:5px 10px #888;height:500px;font-size:40px}#play img{padding:5px;width:100px;height:80px;border-radius:10px;text-shadow:#888;align-items:center;width:auto}#play p{font-size:25px;color:#033335;font-family:fantasy}#container{margin-top:30px;display:flex;justify-content:space-around;height:100%}#allSvg{transform-origin:90% -20%;transform:scale(1.168)}.aus_class{transform-origin:105% 105%;transform:scale(3.3)}.af_class{transform-origin:48% 73%;transform:scale(2)}.as_class{transform-origin:100% 15%;transform:scale(1.7)}.nam_class{transform-origin:-10% 8%;transform:scale(2.1)}.sam_class{transform-origin:3% 110%;transform:scale(2.2)}.eu_class{transform-origin:75% -20%;transform:scale(1.9)}path:hover{fill:pink}img{height:200px;width:200px}.bchoose{display:flex;border-radius:20px;overflow:hidden;text-decoration:none;color:#3b3939;padding:8px 12px;border:none;outline:none;transition:background-color .3s ease;font-family:fantasy;font-style:italic;text-decoration:underline}.bchoose button{margin:10px;height:25px;border-radius:20px;box-shadow:#3d07cf;object-fit:contain;object-fit:contain;mix-blend-mode:color-burn}.bchoose img{width:auto;border-radius:20px}.main_buttons{display:flex;flex-wrap:wrap;justify-content:space-around;position:relative}@media(max-width: 400px){.main_buttons{flex-direction:column}}.main_buttons div{width:23%;margin-bottom:30px;flex-basis:23%;box-sizing:border-box}#score_container{border:3px solid #fff;margin:auto;display:flex;font-size:25px;font-family:Verdana,Geneva,Tahoma,sans-serif;color:#fff;justify-content:center;align-items:center;width:120px;background:rgba(31,141,163,.5215686275);border-radius:10px}.choose img{mix-blend-mode:color-burn}#play_music,#pause_music,#github,#linkedin{height:25px;width:25px;background-color:none;border:none;padding-right:15px}#music_button,#github_button,#linkedin_button{object-fit:contain;mix-blend-mode:color-burn;border:none;padding:5px}.wave-animation{display:inline-block;animation:wave 1.5s linear infinite;font-family:cursive}@keyframes wave{0%{transform:translateY(0)}20%{transform:translateY(-10px)}50%{transform:translateY(-20px)}70%{transform:translateY(-10px)}100%{transform:translateY(0)}}.info{padding:5px;color:#fff}/*! main.css *************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/index.scss ***!
  \*************************************************************************************************************************************//*!*****************************************************************************************************************************************!*\
      !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/index.scss (1) ***!
      \*****************************************************************************************************************************************/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}my_body{line-height:1;width:100%;height:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}#main>h1{border:4px solid purple;padding:20px}*{margin:0;padding:0}body{margin:0px;padding:0px;overflow-x:scroll;overflow-y:scroll}body{width:100%;height:100%}body{background:url(../assets/background.avif) no-repeat center center fixed;background-size:cover}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.game_name{font-family:cursive;text-decoration:none;font-size:30px;margin:0;color:rgba(225,225,225,.01);background-image:url("https://images.unsplash.com/photo-1499195333224-3ce974eecb47?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=2cf549433129d4227d1879347b9e78ce&auto=format&fit=crop&w=1248&q=80");background-repeat:repeat;-webkit-background-clip:text;animation:animate 25s ease-in-out infinite;text-align:center;text-transform:uppercase;font-weight:900}@keyframes animate{0%,100%{background-position:left top}25%{background-position:right bottom}50%{background-position:left bottom}75%{background-position:right top}}.score{color:#fff}svg path{cursor:pointer}.continent-header{background-color:rgba(193,186,186,.7);padding:15px;display:flex;justify-content:space-between;position:sticky;width:100%}.continent-header ul{list-style-type:none;display:flex;justify-content:right}.continent-header li{display:inline;color:#3c3636}.continent-header button:hover{background-color:#ccc}#my_div{padding:15px;margin-left:25px;width:60%;position:relative;overflow:scroll;border:2px outset #2d1239;border-radius:25px;border-block-color:#3c0505;box-shadow:5px 10px #888}h2{font-family:Brush Script;font-style:italic;color:#bde1dd}#play img{padding:5px;width:100px;height:80px;border-radius:10px;text-shadow:#888;align-items:center;width:auto}#play p{font-size:25px;color:#fff;font-family:fantasy}#container{margin-top:30px;display:flex;justify-content:space-around;width:100%;height:100%}#allSvg{transform-origin:90% -20%;transform:scale(1.168)}.aus_class{transform-origin:105% 105%;transform:scale(3.3)}.af_class{transform-origin:48% 73%;transform:scale(2)}.as_class{transform-origin:100% 15%;transform:scale(1.7)}.nam_class{transform-origin:-10% 8%;transform:scale(2.1)}.sam_class{transform-origin:3% 110%;transform:scale(2.2)}.eu_class{transform-origin:75% -20%;transform:scale(1.9)}path:hover{fill:pink}img{height:200px;width:200px}.bchoose{width:calc(33.33% - 10px);margin:5px;padding:10px;text-align:center;color:#fff;background-color:#333;border:none;cursor:pointer}.bchoose button{margin:10px;height:25px;box-shadow:#3d07cf;object-fit:contain;object-fit:contain;mix-blend-mode:color-burn}.bchoose img{width:auto;border-radius:20px}.main_buttons{margin:auto;border:5px solid rgba(6,3,86,.5);border-radius:13px;background-color:rgba(229,229,242,.5);display:flex;flex-wrap:wrap;justify-content:space-around;position:relative;display:none}@media(max-width: 400px){.main_buttons{flex-direction:column}}.main_buttons div{width:23%;margin-bottom:30px;flex-basis:23%;box-sizing:border-box}#score_container div{display:flex;flex-direction:column;justify-content:right}#score_container div .score{margin-right:10px;align-items:center}#score_container div #timer{margin-right:10px;align-items:center}#score_container p{font-family:Georgia,"Times New Roman",Times,serif}.choose img{mix-blend-mode:color-burn}#play_music,#pause_music,#github,#linkedin{height:25px;width:25px;background-color:rgba(0,0,0,0);border:none}#music_button,#github_button,#linkedin_button{object-fit:contain;mix-blend-mode:color-burn;border:none;padding:5px;background-color:none}#audio_background{margin-left:15px}.wave-animation{display:inline-block;animation:wave 1.5s linear infinite;font-family:cursive}@keyframes wave{0%{transform:translateY(0)}20%{transform:translateY(-10px)}50%{transform:translateY(-20px)}70%{transform:translateY(-10px)}100%{transform:translateY(0)}}.info{padding:5px}.info p{color:#fff}li button{display:block;color:#474545;text-align:center;padding:14px 16px;text-decoration:none;background-color:rgba(0,0,0,0);font-size:large;font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif}li button:first-child{border-right:1px solid #222121}ul{list-style-type:none;margin:2px;padding:5px;overflow:hidden;position:fixed;top:0;width:95%}.dropdown{position:relative}.dropdown-content{display:none;position:relative;background-color:#333;box-shadow:1px 8px 16px 0px rgba(0,0,0,.2);z-index:2;border:2px solid #fff;border-radius:10px}.dropdown-content button{color:#fff;padding:12px 16px;text-decoration:none;display:block;width:100%;border:1px solid #fff;margin:auto}.dropdown-content button:hover{display:block;background-color:#f1f1f1}.dropdown:hover .dropdown-content{display:block}.image-text{display:flex;justify-content:space-between;margin-bottom:20px;justify-content:center}.image-text img{max-width:40px;max-height:40px}.smallest p{font-family:"Lucida Sans","Lucida Sans Regular","Lucida Grande","Lucida Sans Unicode",Geneva,Verdana,sans-serif;font-size:larger;color:#000;margin-left:5px}.footer{background-color:rgba(82,82,102,.8);color:#fff;padding:10px;text-align:center;width:100%;position:fixed;bottom:0}.footer a{color:#6d757a;text-decoration:none;margin:0 10px;transition:color .3s ease}.footer a:hover{color:#0af}.buttons-div{margin-right:5px}.container-menu{margin:auto;height:fit-content;width:fit-content;align-items:center;width:fit-content}.small-container{display:flex;flex-direction:column;align-items:center;background-color:rgba(31,141,163,.5215686275);max-width:400px}.image-text{display:flex;justify-content:space-between;margin-bottom:20px}.smallest{text-align:center;display:flex;align-items:center;margin-top:25px}.smallest img{width:50px}.button-container{display:flex;flex-wrap:wrap;justify-content:center}.button-container button{padding:10px;font-size:16px;width:100px}#world_btn{margin-bottom:10px}.learn_div,.play_div{background-color:#f1eff8}#play,#my_div{background-color:rgba(31,141,163,.5215686275)}#timer{width:100%;height:100%}.flash-text{font-size:20px;font-family:"Your Font Family",sans-serif;display:inline-block;text-align:center}

/*# sourceMappingURL=main.css.map*/