@import url(https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Righteous&family=Source+Code+Pro:wght@300&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-color:#282c34;display:flex;flex-direction:column;font-family:Source Code Pro,monospace;margin:0;text-align:center}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@property --bg-angle{inherits:false;initial-value:0deg;syntax:"<angle>"}.App-header{align-items:center;background-color:#282c34;display:flex;flex-direction:column;height:180px;justify-content:center}.welcome{animation:marginTop 5s ease-in forwards;animation:fontSize 5s ease-in forwards}.title{animation:fontSizeBig 5s ease-in forwards;color:#397b39;font-family:Luckiest Guy,cursive;text-shadow:5px 2px 5px #000;width:100%;z-index:1}.headerLogo{height:160px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:160px;z-index:0}.gameDiv{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 320px);justify-content:space-between;width:100%}.btn{background-color:#0a8e0a;border-radius:25px;color:#fff;font-family:Righteous,cursive;font-size:15px;height:40px;min-width:100px}#startBtn{border:5px solid #0ad50a;border-radius:50%;box-shadow:2px 2px 4px 4px #065206,-2px 2px 4px 4px #065206,2px -2px 4px 4px #065206,-2px -2px 4px 4px #065206;font-size:3em;height:180px;left:50%;position:absolute;top:50%;transform:translateX(-50%) translateY(-75%);transition:all;transition-duration:.75s;width:180px}#startBtn:hover{background-color:#0ad50a;border:6px solid rgb((6,82,6));box-shadow:2px 2px 4px 4px #00000080,-2px 2px 4px 4px #065206,2px -2px 4px 4px #00000080,-2px -2px 4px 4px #065206;color:#fff;text-shadow:-1.5px 1.5px 2px #065206;transform:translateX(-50%) translateY(-75%) scale(1.1)}#startBtn:active,#startBtn:hover{transition:all;transition-duration:1s}#startBtn:active{border:none;box-shadow:inset 2px 2px 4px 4px #00000080,inset -2px 2px 4px 4px #065206,inset 2px -2px 4px 4px #00000080,inset -2px -2px 4px 4px #00000080;color:#0ad50a;text-shadow:inset -1.5px 1.5px 2px #fff;transform:translateX(-50%) translateY(-75%) scale(.7)}.btn:hover{background-color:#000;color:#0a8e0a;text-shadow:-3px 2px 5px #9eb592}#modalContent.endGame,.endGame{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:5vmin}.endGameTitle{color:#126112;font-family:Luckiest Guy,cursive;font-size:50px;text-shadow:5px 2px 5px #000}p.endGameText{font-weight:800}a.endGameLink{color:#0a8e0a;text-decoration:none}a.endGameLink:hover{color:#126112}.endGameBtns{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:60%}.startModalModal{background-color:#282c34}.startModal{align-items:center;display:flex;flex-direction:column;height:50vh;justify-content:center;margin-top:15vh}.welcome{animation:modalFontSize 5s ease-in forwards;color:#126112;display:block;font-family:Righteous,cursive;font-size:25px}.startModalRow{display:flex}.startLogo{height:15vw;margin-left:25px;margin-right:25px;width:15vw}.startModalTitle{animation:modalFontSizeBig 5s ease-in forwards;color:#397b39;font-family:Luckiest Guy,cursive;margin-top:-4vh;text-shadow:5px 2px 5px #000;width:100%}.startModalBtns{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:60%}.rainbowBG{animation:rainbowAnimation 15s linear infinite running;-moz-animation:rainbowAnimation 15s linear infinite running;-webkit-animation:rainbowAnimation 15s linear infinite running;background:border-box,conic-gradient(from var(--bg-angle) at 50% 50%,#4eeaff,#4bb9ff,#5463ff,#b35dff,#ff5bdb,#ff547d,#ff7c43,#ffb642,#fff847,#76ff4f,#49ffd2,#44efff) content-box,none;border:10px solid #0000;border-radius:50%}footer{background-color:#282c34;bottom:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);height:140px;left:0;position:absolute;width:100%}.footerImgDiv{grid-area:1/2/4/3}.footerLogo{height:120px;margin-left:20%;width:120px}.footerText{color:#777;font-family:Righteous,cursive;font-size:2vmin;grid-area:1/3/6/6;line-height:6px;margin-left:15px;text-align:center;white-space:nowrap}.github{color:#397b39;text-decoration:none}.github:hover{color:#0a8e0a;text-decoration:none}.footPrivacy{grid-area:5/3/6/4;margin-top:25px;text-align:center}.footPrivacyLink{color:#397b39;font-family:Righteous,cursive;font-size:2vmin;text-decoration:none}.footPrivacyLink:hover{color:#0a8e0a;text-decoration:none}.footTerms{grid-area:5/5/6/6;margin-top:25px;text-align:center}.footTermsLink{color:#397b39;font-family:Righteous,cursive;font-size:2vmin;text-decoration:none}.footTermsLink:hover{color:#0a8e0a;text-decoration:none}@media screen and (max-width:600px){.footerText{font-size:10px;line-height:4px;white-space:nowrap}.footerLogo{height:65px;width:65px}}@keyframes rainbowAnimation{to{--bg-angle:360deg}}@keyframes modalFontSize{0%{font-size:25px}to{font-size:8px}}@keyframes modalFontSizeBig{0%{font-size:8px;opacity:0}to{font-size:40px;opacity:1}}@keyframes marginTop{0%{margin-top:35%;z-index:1}50%{margin-top:5%;z-index:1}to{margin-top:5%;z-index:-1}}@keyframes fontSize{0%{font-size:25px}to{font-size:8px}}@keyframes fontSizeBig{0%{font-size:8px;opacity:0}to{font-size:28px;opacity:1}}.App{background-color:#fff;text-align:center}@media screen and (min-width:1000px){.App{max-width:1200px}}@media screen and (max-width:999px){.App{max-width:100vw}}.wall{align-items:center;display:flex;flex-direction:column;height:100%;margin-top:0;position:relative;width:100%}.wallImg{height:auto;width:55%}.wallBottles{display:flex;justify-content:center;position:absolute;width:35%}.bottle{height:60px;width:15px}.count{color:#128e12;font-size:2em}.smash{bottom:15%;height:15px;left:20%;position:absolute;width:60px}.wallText{font-weight:800}.diceDiv{height:100%;width:100%}.diceArea{align-items:center;background-color:#fff;height:75%;justify-content:center}.diceArea,.diceBtns{display:flex;width:100%}.diceBtns{flex-direction:row;height:fit-content;justify-content:space-evenly;margin-top:15px;min-width:350px}.dice{height:auto;margin:0;width:15%}.diceBtn{background-color:#0a8e0a;border-radius:25px;box-shadow:inset 1px 1px 2px 1px #0009,inset -1px 1px 2px 1px #0009,inset 1px -1px 2px 1px #0009,inset -1px -1px 2px 1px #0009;color:#fff;font-family:Righteous,cursive;font-size:15px;height:40px;min-width:100px;transform:scale(1.2);transition:all;transition-duration:.5s}.diceBtn:hover{background-color:#fff;box-shadow:1px 1px 3px 1px #0009,-1px 1px 3px 1px #0009,1px -1px 3px 1px #0009,-1px -1px 3px 1px #0009;transform:scale(1.4);transition:all;transition-duration:.5s}.diceBtn:active,.diceBtn:hover{color:#0a8e0a;text-shadow:-3px 2px 5px #9eb592}.diceBtn:active{background-color:#000;box-shadow:1px 1px 2px 1px #0009,-1px 1px 2px 1px #0009,1px -1px 2px 1px #0009,-1px -1px 2px 1px #0009;transform:scale(.7);transition:all;transition-duration:.75s}.rulesModal{background-color:#a4a6a8;border-radius:15px;height:60vh;margin:18vh auto auto;width:80vw}.rules,.rulesModal{align-items:center;display:flex;flex-direction:column;justify-content:center}.rules{font-family:Righteous,cursive;transform:scale(1.25);transform-origin:center}.rules,.xBtn{text-align:center}.xBtn{align-self:flex-end;background-color:#282c34;border:2px solid #c4c6c8;border-radius:50%;color:#0a8e0a;display:flex;font-family:Luckiest Guy,cursive;font-size:28px;padding:10px 7px -4px;text-justify:center}.xBtn:hover{border-color:#0a8e0a;color:#c4c6c8}.rulesTitle{color:#126112;font-family:Luckiest Guy,cursive;font-size:40px;margin-top:-50px;text-shadow:5px 2px 5px #000}.rulesList{font-size:17px;line-height:25px;list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAGaADAAQAAAABAAAAGQAAAABY85deAAAE/klEQVRIDd1Ua4hVVRT+zuNe585kCjKaZQ1NUYwaTeSPIsOKAntcYTSTTAKLwJ5YCcYklaVDQg8qK7CC6OE8fXR1dFIxjGKmRCEUq1/5AAOnH9rce177nLP71j7Otcuo//rTvpx7Hnvt9a1vrW8t4P+yrAsRaTzepOe+OAcYl4NOUkAsbRs2NByLd4sfLPnuoLR6AEg0hptPnNeffT4QAZj39C0YeHsfBjr2oK6QR309r0IB9Q0NmOBORGnNLpTe2AMnRxexhX2VXWjc36zP528MCAHStteLKH04VLXPuXmSyJGM/ICvV/dmeyQyKb0U24d6MKd8P/bWlzB5y/VjgMbQExYL3yyiYSQHFByMWL5x6LoOEqbNtjOguiSPMK/Q9XgJP4wbwOxjRdgVG5OCiTjyyE81fmuYCMCidQuYbxuVS2KU7QCOY0MAZMmzZpyJThHkInQ9VsJutZl1sWD/7fJy0Nv6OaZ9PKOGTQ3I9L3NdBXDkgIzYpf5jpMYaZqdye4svO1QADx6xoF2coiUglu2sOOGbuJZGJjZZYIa/auCCIuZQzealKRpwoi1ce7YrnlWKjZ3i+Cav862fvQXehmIA5pjYFYf3LyNMFBQBWDyuqurbKogS1Y9hJ72Lehr34bx5QZG5LDIjJQOkFr4s/kv9D3Vj54l/dBxCuuMS3XnjNOY774fIAgJEMdQSYJvbu9D48pGA+QKJWHxFXpG2aEcjyBRzD/LJzWoSx0Mzv2Z6WFMFQeb796NrZd9iTAkJys253LagTIR8Qzt3TgPeJlLA7Jo9XxKPcSmV/qxqL2IsKCQREyZMGEuYqYMZyzcu+EOfFscNIcXHlrKXrTwxXUfsUZ1KB54ENqP0Tu7Ewu3twEh0DlvGx72i9oVFt2gQs6u7o5tWfgxKYRUVYUbZQHJY9cDP8L1HGwavxELhhczgJR1S6GiCLoSAUGEiM8IeEbxqCe5Btzhq45Zy5Y8o8vaQxonSKkuKTq3jMG//7SmM7uABXMWG+dapZlQZLz4Eab6M+EFMT64awee3XkfEqEDHDJNI2zuXHEbGfCTzCRCZVFq8yqYmdq4w+cD9xzC+9Pey+xoLhhikyRkQbmI/KM4xPI9T2L402F2HZewSZQm1TCTYJRS+9m73MMwzi5GGbMnWne2YNmRJxD4HkLPo6pGEEYj7KmQ6vJpW0FoTTAA4r8q4e87BjNHkSLlyMgxim3eRZJsUUbLOrPbGWXEUeP5+O7oScNQJzaiMEHgUTAUm6hu5e7F4t8sk67Rl8a91+qb101nSjSNY9K2cWT+H3RkISV4y9ZrjGnKscItHJ5xEGtvetd8e3noeXN/ddZadBxcg5Mbjld9V5mIhcUx4VXYVB5pU8LSvU09zQYgITtRURiGiAno+yGuHGqFOI9UNkTFhwo0VHruXb7VSOhU2+9W7hNXN302BbEw4UCkZzR1TqUppQopbLZECEySeamE52LtOLyqWotR23O7Z7+0/bKipaw4UmymLFEspsfIyI4sAkYcKLJUARL2h6yp+5vw1uGXsLxlLV5oWXPWS+1tDMj69Ut/O/XoUeNMpqtSrAcbK5EpyHEhGo4I7gcBQu6Pauc01fTOr2NZCFy1OLXYnGevXa6nbLnCSEqEnnLoJeyhHC/pclnSz7ZjUbYpTt96YkyajBH/LggiBo3PcYpKsDIDpVEvsqTpLrL932/9A7LlqnWarteHAAAAAElFTkSuQmCC);list-style-position:inside;margin-left:-35px;margin-top:-25px}.rulesList p{color:#0a8e0a;font-family:Luckiest Guy,cursive;font-size:28px;text-shadow:5px 2px 5px #000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.f1b77bc3.css.map*/