#root{display:flex;flex-direction:column;flex-grow:1;min-height:100vh;height:fit-content}body{margin:0}.gameComponent{display:flex;justify-content:center;flex-grow:1;position:relative;width:fit-content}.gameImage{width:100%}.failedClickMessage,.successfulClickMessage{font-size:40px;top:20%;position:fixed}.failedClickMessage{background-color:#e64949b3}.successfulClickMessage{background-color:#318031b3}.firstCharacterGameOne,.secondCharacterGameOne,.thirdCharacterGameOne,.firstCharacterGameTwo,.thirdCharacterGameTwo,.secondCharacterGameTwo{position:absolute;z-index:1}.popupContainer{position:absolute;padding:20px;width:100px;animation:originOnPointer;animation-duration:.2s;transform-origin:top left;transform-box:fill-box}.popupContainer>.iconsDiv{background-color:#19191dcc}@keyframes originOnPointer{0%{transform:scaleX(0) scaleY(0)}20%{transform:scaleX(1) scaleY(0)}to{transform:scaleX(1) scaleY(1)}}.popupContainer>div{display:flex;flex-direction:column}.popupContainer>div>div{border:dashed 1px black;border-radius:50px}.popupContainer>div>div>img{width:4vw;height:4vw}.popupContainer>div>div:hover{animation:scaleAndColor;animation-duration:.2s;animation-iteration-count:infinite;animation-direction:alternate}@keyframes scaleAndColor{0%{transform:scale(1);background-color:#19191dcc}to{transform:scale(1.1);background-color:#19191d}}.foundCharacterPopup{display:none}.headerComponent{display:grid;grid-template-columns:1.5fr 2.5fr 1fr;justify-content:center;align-items:start;height:60px;font-family:sans-serif;font-size:4vh;background-color:#357831;padding:2%;background-color:#9b9b59;position:fixed;width:100%;top:0;z-index:1}.returnHome{font-size:35px;z-index:1;font-family:Kablammo,cursive;display:flex;align-items:center;gap:5%}.returnHome:hover{cursor:pointer;animation:scaleOpacity .5s ease-in-out forwards}.iconsDiv{display:flex;flex-grow:1;justify-content:space-around;height:inherit}.singleIconCell{display:flex;flex-direction:column;font-size:20px;align-items:center}.singleIconCell>img{border-radius:10px;width:45px;height:45px;padding:10%}.foundCharacter{background-color:#7ccc7c;animation:scaleOpacity .5s ease-in-out}@keyframes scaleOpacity{0%{transform:scale(1);opacity:1}to{transform:scale(1.03);opacity:.8}}.homepageComponent{position:relative;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;overflow:hidden;background-color:#0b0d22}.homepageComponent:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:.5;z-index:-1}.choseGameText{font-family:sans-serif;font-size:40px;font-weight:700;color:#a0a01a}.gameBoxes{display:flex;flex-wrap:wrap;justify-content:center;min-width:80vw}.gameBoxes>img{width:300px;max-width:70vw;margin:2%;border:solid rgb(77,77,34,.5);transition:transform .5s ease,border .5s ease}.gameBoxes>img:hover{transform:scale(1.2);border:solid yellow}footer{position:fixed;bottom:2%;display:flex;justify-content:space-evenly;width:100%}footer>a{color:#fff;text-decoration:none;display:flex;align-items:center;border-radius:30px;padding:5px}footer>a:hover{transition:1s;background-color:#16193c;transform:scale(1.2)}.firstCharacterGameOne{width:5%;height:2.5%;top:60.5%;right:62.5%}.secondCharacterGameOne{top:45.5%;right:92%;width:4%;height:4%}.thirdCharacterGameOne{width:5%;height:3.2%;top:64.5%;right:15.2%}.firstCharacterGameTwo{width:4%;height:2%;top:50.5%;right:20.5%}.thirdCharacterGameTwo{top:17.5%;right:45.5%;width:6%;height:4%}.secondCharacterGameTwo{width:7%;height:5%;top:89.5%;right:76.5%}.SaveUserPerformanceView{height:100vh;width:100vw;background-color:#171717b3;position:fixed;display:flex;justify-content:center;align-items:center;font-size:20px}.internalUIDiv{background-color:#b7b5b5cc;display:grid;gap:3%;border-radius:10%;padding:50px;min-height:30vh}button{background-color:#9b9b59;color:#0b0d22;font-size:20px;padding:3px;transition:.2s}button:hover{transform:scale(1.1)}input{background-color:#0b0d22;color:#9b9b59;font-size:20px;font-family:sans-serif}.buttonSwitch{display:flex;justify-content:start;align-items:center;background-color:#0b0d22;height:40px;width:80px;border-radius:50px;color:#9b9b59;font-family:sans-serif}.devorationForButton{position:relative;left:13%;width:50%;height:100%;background-color:#9b9b59;border-radius:50%;transition:1s}.scoreboardView{display:flex;justify-content:center;align-items:center;background-color:#0b0d22;background-repeat:no-repeat;background-size:cover;height:100vh;width:100vw;flex-direction:column;color:#a0a01a}.table{display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:3vw;font-family:sans-serif;padding:20px;border-radius:10px;background-color:#9b9b59;overflow:auto;color:#0b0d22}.table>div{border-left:dashed black;border-top:dashed black;border-style:inset}.columnTitle{font-style:oblique;font-variant:small-caps;font-weight:700}