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}@font-face{font-family:dotrice-bold-expanded;src:url(/static/media/dotrice.bold-expanded.6de0cb6a137f7c5df52c.otf)}@font-face{font-family:dotrice;src:url(/static/media/dotrice.bold-condensed.79bc68c37bb3ac7451ce.woff)}body{background-color:#303030;background:linear-gradient(#000,#303030)}.App{box-sizing:border;color:orange;flex-direction:column;font-family:dotrice;font-size:2vh;overscroll-behavior-y:none;padding:5vh 0;width:100vw}.App,.container{align-items:center;display:flex;height:100vh;justify-content:flex-start;position:relative}.container{flex-direction:inherit}input{background-color:#000;border-radius:50px;color:#fff;color:orange;font-family:dotrice;font-size:3vh;margin:1.75vh 0;padding:1vh 2vh;text-align:center}.row{display:flex;flex-direction:row}.ball-save-title{align-items:center;background:linear-gradient(135deg,#a31d1d,#c83232 50%,#a31d1d);border-color:#212121 #767676 #767676 #212121;border-radius:50px;border-style:solid;border-width:3px 1.5px 2px;box-shadow:0 8px 16px 0 rgba(0,0,0,.8),inset 0 1px 0 0 hsla(0,0%,100%,.2),inset 0 -1px 0 0 rgba(0,0,0,.3),0 0 16px 1px rgba(255,165,0,.25);display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-size:4vh;font-weight:800;height:6vh;justify-content:center;letter-spacing:.4vh;overflow:hidden;position:relative;text-align:center;transition:all .3s ease;width:80vw}.ball-save-title:before{-webkit-animation:metallicShine 12s ease-in-out infinite;animation:metallicShine 12s ease-in-out infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.ball-save-title:hover{box-shadow:0 12px 24px 0 rgba(0,0,0,.9),inset 0 1px 0 0 hsla(0,0%,100%,.3),inset 0 -1px 0 0 rgba(0,0,0,.4),0 0 24px 2px rgba(255,165,0,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.nav-box{align-items:center;background-color:#1f1c1c;border-color:#212121 #767676 #767676 #212121;border-radius:25px;border-style:solid;border-width:2px;color:orange;display:flex;font-family:dotrice;font-size:3vh;height:5vh;justify-content:space-between;margin:2vh 0;padding-left:2vh;padding-right:3vh;width:80vw}.add-btn{align-items:center;background-color:#1f1e1e;border:none;bottom:10vh;box-shadow:0 20px 40px 0 #000;color:#fff;font-size:5vh;justify-content:center;position:absolute;right:4vh}.add-btn,.pinBall{border-radius:100px;display:flex;height:15vh;width:15vh}.pinBall{border:initial;box-shadow:0 20px 40px 0 #303030,0 0 20px 2px rgba(255,165,0,.2);margin:40px 30px;padding:initial;transition:all .3s ease}.pinBall:hover{box-shadow:0 20px 40px 0 #303030,0 0 30px 4px rgba(255,165,0,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.add-machine-container,.profile{color:#fff;display:flex;flex-direction:column}.add-machine-container{align-items:center;height:100vh;justify-content:flex-start;padding-top:5vh;text-align:center;width:100vw}.add-title{display:flex;font-size:4.5vh;justify-content:center;padding:0 0 7vh;width:60vw}.add-input-box{align-items:center;display:flex;flex-direction:column;margin-bottom:3vh;width:35vh}.label{font-size:2.5vh;padding-bottom:0}.add-submit{margin-top:0}.login-main-title{-webkit-animation:titlePulse 12s ease-in-out infinite alternate;animation:titlePulse 12s ease-in-out infinite alternate;color:orange;font-weight:900;justify-content:center;letter-spacing:.6vh;position:relative;text-shadow:0 0 8px rgba(255,165,0,.6),0 0 16px rgba(255,165,0,.4),0 0 24px rgba(255,165,0,.2),2px 2px 4px rgba(0,0,0,.8);z-index:1}.login-container,.login-main-title{align-items:center;display:flex;text-align:center}.login-container{color:#fff;flex-direction:column;height:inherit;justify-content:flex-start}.input-titles{color:orange;font-family:dotrice;font-size:3vh}.loading{align-items:center;display:flex;flex-direction:column;height:10vh;justify-content:center;width:30vh}.loading:after{-webkit-animation:ellipsis .9s steps(4) infinite;animation:ellipsis .9s steps(4) infinite;content:"\2026";display:inline-block;overflow:hidden;vertical-align:bottom;width:0}@keyframes ellipsis{to{width:1.25em}}@-webkit-keyframes ellipsis{to{width:1.25em}}.history-container{align-items:center;flex-direction:column;height:48vh;overflow:scroll;padding:3vh 0 30vh;width:100vw}.history-container,.score-card{display:flex;justify-content:flex-start}.score-card{color:orange;flex-direction:row;font-family:dotrice;font-size:2.5vh;height:15vh;margin-left:20px;padding:10px 0;width:90vw}.score-card-info-box{align-items:center;display:flex;flex-direction:column;padding:0 20px;width:50vw}ul{-webkit-padding-start:unset;overflow:scroll;padding-inline-start:unset}.score-card-img{border-color:#212121 #767676 #767676 #212121;border-radius:25px;border-style:solid;border-width:2px;height:15vh;width:15vh}.hamburger-button{align-items:center;background-color:#1f1c1c;border-radius:5px;border-style:none;color:orange;cursor:pointer;display:flex;flex-direction:column;font-size:3vh;gap:8px;height:40px;justify-content:center;padding:12px;position:relative;text-align:center;width:50px}.hamburger-button,.hamburger-line{transition:all .4s cubic-bezier(.4,0,.2,1)}.hamburger-line{background-color:orange;border-radius:2px;height:4px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:center;transform-origin:center;width:30px}.hamburger-line:first-child{top:8px}.hamburger-line:nth-child(2){top:18px}.hamburger-line:nth-child(3){top:28px}.hamburger-button.open .hamburger-line:first-child{top:18px;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);width:35px}.hamburger-button.open .hamburger-line:nth-child(2){opacity:0;-webkit-transform:translateX(-50%) scale(0);transform:translateX(-50%) scale(0)}.hamburger-button.open .hamburger-line:nth-child(3){top:18px;-webkit-transform:translateX(-50%) rotate(-45deg);transform:translateX(-50%) rotate(-45deg);width:35px}.dropmenu{display:inline-block;position:relative}.dropmenu-content{background:linear-gradient(135deg,#1f1c1c,#292626);border:1px solid rgba(255,165,0,.2);box-shadow:0 0 20px 2px rgba(255,165,0,.2);display:none;max-height:0;opacity:0;overflow:hidden;position:absolute;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.dropmenu-content.show{-webkit-animation:glitch .3s ease-in-out;animation:glitch .3s ease-in-out;display:block;max-height:200px;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);width:20vh}.dropmenu-content a{-webkit-animation:slideIn .4s ease forwards;animation:slideIn .4s ease forwards;background-color:initial;border-bottom:1px solid rgba(255,165,0,.1);color:orange;display:block;font-family:dotrice;letter-spacing:1px;opacity:0;padding:10px;position:relative;text-decoration:none;text-transform:uppercase;-webkit-transform:translateX(-10px);transform:translateX(-10px);transition:all .2s ease}.dropmenu-content.show a:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.dropmenu-content.show a:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.logout-button{-webkit-animation:slideIn .4s ease forwards;animation:slideIn .4s ease forwards;background-color:initial;border:none;color:orange;cursor:pointer;display:block;font-family:dotrice;font-size:inherit;letter-spacing:1px;opacity:0;padding:10px;position:relative;text-align:left;text-decoration:none;text-transform:uppercase;-webkit-transform:translateX(-10px);transform:translateX(-10px);transition:all .2s ease;width:100%}.dropmenu-content.show .logout-button{-webkit-animation-delay:.3s;animation-delay:.3s}.dropmenu-content .logout-button:hover,.dropmenu-content a:hover{-webkit-animation:flicker 3s ease-in-out infinite;animation:flicker 3s ease-in-out infinite;background-color:rgba(255,165,0,.1);color:#fff;text-shadow:0 0 10px rgba(255,165,0,.6);-webkit-transform:translateX(0);transform:translateX(0)}@-webkit-keyframes slideIn{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideIn{to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes glitch{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateY(-10px) scaleX(1);transform:translateY(-10px) scaleX(1)}20%{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg);-webkit-transform:translateY(2px) scaleX(1.02);transform:translateY(2px) scaleX(1.02)}40%{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);-webkit-transform:translateY(-2px) scaleX(.98);transform:translateY(-2px) scaleX(.98)}60%{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg);-webkit-transform:translateY(1px) scaleX(1.01);transform:translateY(1px) scaleX(1.01)}80%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:translateY(-1px) scaleX(.99);transform:translateY(-1px) scaleX(.99)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1)}}@keyframes glitch{0%{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateY(-10px) scaleX(1);transform:translateY(-10px) scaleX(1)}20%{-webkit-filter:hue-rotate(90deg);filter:hue-rotate(90deg);-webkit-transform:translateY(2px) scaleX(1.02);transform:translateY(2px) scaleX(1.02)}40%{-webkit-filter:hue-rotate(180deg);filter:hue-rotate(180deg);-webkit-transform:translateY(-2px) scaleX(.98);transform:translateY(-2px) scaleX(.98)}60%{-webkit-filter:hue-rotate(270deg);filter:hue-rotate(270deg);-webkit-transform:translateY(1px) scaleX(1.01);transform:translateY(1px) scaleX(1.01)}80%{-webkit-filter:hue-rotate(1turn);filter:hue-rotate(1turn);-webkit-transform:translateY(-1px) scaleX(.99);transform:translateY(-1px) scaleX(.99)}to{-webkit-filter:hue-rotate(0deg);filter:hue-rotate(0deg);-webkit-transform:translateY(0) scaleX(1);transform:translateY(0) scaleX(1)}}@-webkit-keyframes flicker{0%,8%,to{opacity:1}2%,3%,5%,6%,7%{opacity:.4}4%{opacity:.8}25%,to{opacity:1}27%,28%,30%,32%,33%,35%{opacity:.3}29%,31%,34%{opacity:.7}50%,to{opacity:1}52%,53%,54%{opacity:.5}70%,to{opacity:1}72%,73%,74%,75%,76%,77%,78%,79%,80%,81%,82%,83%{opacity:.6}71%,84%{opacity:.9}}@keyframes flicker{0%,8%,to{opacity:1}2%,3%,5%,6%,7%{opacity:.4}4%{opacity:.8}25%,to{opacity:1}27%,28%,30%,32%,33%,35%{opacity:.3}29%,31%,34%{opacity:.7}50%,to{opacity:1}52%,53%,54%{opacity:.5}70%,to{opacity:1}72%,73%,74%,75%,76%,77%,78%,79%,80%,81%,82%,83%{opacity:.6}71%,84%{opacity:.9}}@-webkit-keyframes metallicShine{0%,70%{left:-100%}80%{left:100%}to{left:100%}}@keyframes metallicShine{0%,70%{left:-100%}80%{left:100%}to{left:100%}}@-webkit-keyframes titlePulse{0%,60%{text-shadow:0 0 8px rgba(255,165,0,.6),0 0 16px rgba(255,165,0,.4),0 0 24px rgba(255,165,0,.2),2px 2px 4px rgba(0,0,0,.8)}80%{text-shadow:0 0 12px rgba(255,165,0,.8),0 0 24px rgba(255,165,0,.5),0 0 36px rgba(255,165,0,.3),2px 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 8px rgba(255,165,0,.6),0 0 16px rgba(255,165,0,.4),0 0 24px rgba(255,165,0,.2),2px 2px 4px rgba(0,0,0,.8)}}@keyframes titlePulse{0%,60%{text-shadow:0 0 8px rgba(255,165,0,.6),0 0 16px rgba(255,165,0,.4),0 0 24px rgba(255,165,0,.2),2px 2px 4px rgba(0,0,0,.8)}80%{text-shadow:0 0 12px rgba(255,165,0,.8),0 0 24px rgba(255,165,0,.5),0 0 36px rgba(255,165,0,.3),2px 2px 4px rgba(0,0,0,.8)}to{text-shadow:0 0 8px rgba(255,165,0,.6),0 0 16px rgba(255,165,0,.4),0 0 24px rgba(255,165,0,.2),2px 2px 4px rgba(0,0,0,.8)}}.photo-img{height:4vh}.photo-icon-box{background-color:#3e3a3a;border-color:#767676 #212121 #212121 #767676;border-radius:15px;border-style:solid;border-width:2px;height:5vh;margin-left:1vh;width:6vh}.photo-icon-box,.score-input-imgButton{align-items:center;display:flex;justify-content:center}.score-input-imgButton{padding-left:9vh}.photo-container{height:85vh;justify-content:flex-start;width:100vw}.add-photo-box,.photo-container{align-items:center;display:flex;flex-direction:column}.add-photo-box{justify-content:center}.photo-capture{border-color:#212121 #767676 #767676 #212121;border-radius:25px;border-style:solid;border-width:2px;display:flex;height:55vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;width:80vw}#icon-button-file{background-color:#000}
/*# sourceMappingURL=main.63d76f3f.css.map*/