.App{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0}body{font-family:"Kanit",sans-serif;background:#005;background-size:cover}a,h1{text-align:center;margin-top:10px;padding:0;font-family:"Kanit",sans-serif}a,h1,h2{color:#fff;margin-bottom:0}h2{padding-bottom:0}h2,h3,h4{text-align:center}h3{color:#03e9f4}h4{color:#243b55;font-size:1.3rem}h4,p{margin-top:5px;margin-bottom:5px}a,p{-webkit-align-self:center;align-self:center}a{text-align:center;text-decoration:none;margin:5px 5px 10px;font-family:"Kanit",sans-serif;font-size:.5em;color:#03e9f4}img{width:90%;margin-top:5px;box-shadow:2px 2px 12px 3px #03e9f4}.Nav{text-align:center;font-size:1.75rem}.scorecard-entry{margin-top:10px}.scorecard-entry,.stats{display:-webkit-flex;display:flex;width:100%}.stats{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;background-color:#fff}label{color:#005;margin-top:5px}.vote-link{display:-webkit-flex;display:flex;-webkit-align-content:center;align-content:center;-webkit-justify-content:center;justify-content:center;margin:20px;font-size:1.5rem;font-family:"Kanit",sans-serif}form{color:hsla(0,0%,100%,.8784313725490196);width:80%;margin-right:auto;margin-left:auto}input[type=radio]{font-size:1.2em;height:1em;width:1em;padding:10px;border:0;border-radius:10px}input[type=text]{padding:10px;margin:10px}button.Button.vote-link{width:90%}p.red{color:red}.login-box,.vote-box{margin:0;-webkit-flex-direction:column;flex-direction:column;text-align:center;background:rgba(0,0,0,.5);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.6);border-radius:10px;-webkit-justify-content:center;justify-content:center;width:100%}.login-box h2{margin-top:20px;padding:0;color:#fff;text-align:center}.login-box .user-box{display:-webkit-flex;display:flex}.login-box .user-box input{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label{padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{top:-20px;left:0;color:#03e9f4;font-size:12px}.login-box form a,.vote-link{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px 20px;color:#03e9f4;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px}.login-box a:hover,.vote-link:hover{background:#03e9f4;color:#fff;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4}.login-box a span,.vote-link span{position:absolute;display:block}.login-box a span:first-child,.vote-link span:first-child{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);-webkit-animation:btn-anim1 1s linear infinite;animation:btn-anim1 1s linear infinite}.login-box a span:nth-child(2),.vote-link span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);-webkit-animation:btn-anim2 1s linear infinite;animation:btn-anim2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}.login-box a span:nth-child(3),.vote-link span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);-webkit-animation:btn-anim3 1s linear infinite;animation:btn-anim3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}.login-box a span:nth-child(4),.vote-link span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}.vote-link-button-group{text-align:center;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.user-box{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.not-logged,.user-box{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}@media screen and (min-width:1200px){img{width:90%;margin-top:5px}.scorecard-entry{-webkit-flex-direction:column;flex-direction:column;width:100%;margin:10px}.election-cards,.scorecard-entry{display:-webkit-flex;display:flex}.election-cards{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}a{font-size:.8em;margin:20px}h4.light{font-size:2.5em}h4.light,p.light{margin-top:5px;margin-bottom:5px}p.light{font-size:2.2em}.login-box,.vote-box{padding:20px;-webkit-flex-direction:row;flex-direction:row;width:80%;margin:0 auto;background:rgba(0,0,0,.5);box-sizing:border-box;box-shadow:0 15px 25px rgba(0,0,0,.6);border-radius:10px;text-align:center}div.stats{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;background-color:#fff}.registration-form{width:80%}}p.light{color:#243b55}.election-img{width:50%;box-shadow:none}@media screen and (min-width:1200px){.scorecard-entry{box-shadow:2px 2px 12px 3px #03e9f4;width:40%}.election-img{width:100%}.election-cards{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}}p{color:#fff;width:70%;text-align:center;margin-right:auto;margin-left:auto;margin-top:30px}.login-box{padding:10px}.not-logged{font-size:1.1em}@media screen and (min-width:1200px){.not-logged{font-size:1.3em}}.login-form,.registration-form{width:90%}.login-box>form>a,button.vote-link{position:relative;display:inline-block;padding:0;color:#03e9f4;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:4px}.login-box a:hover,button.vote-link:hover{background:#03e9f4;color:#fff;border-radius:5px;box-shadow:0 0 5px #03e9f4,0 0 25px #03e9f4,0 0 50px #03e9f4,0 0 100px #03e9f4}.login-box a span:first-child,button.vote-link span:first-child{top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#03e9f4);-webkit-animation:btn-anim1 1s linear infinite;animation:btn-anim1 1s linear infinite}@-webkit-keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box a span:nth-child(2),button.vote-link span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#03e9f4);-webkit-animation:btn-anim2 1s linear infinite;animation:btn-anim2 1s linear infinite;-webkit-animation-delay:.25s;animation-delay:.25s}@-webkit-keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box a span:nth-child(3),button.vote-link span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#03e9f4);-webkit-animation:btn-anim3 1s linear infinite;animation:btn-anim3 1s linear infinite;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box a span:nth-child(4),button.vote-link span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(1turn,transparent,#03e9f4);-webkit-animation:btn-anim4 1s linear infinite;animation:btn-anim4 1s linear infinite;-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}button.vote-link{min-height:10px;margin:0;background-color:rgba(20,30,48,.027450980392156862);padding:10px;border:none}@media screen and (min-width:1200px){.login-form{width:80%}}.vote-form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%}.vote-input{width:100%;padding-left:0;padding-top:20px;background:#fff;margin:20px auto 10px;box-shadow:2px 2px 12px 3px #03e9f4}@media screen and (min-width:1200px){form{width:80%}.vote-input{width:100%;margin:10px}}.go-back{font-size:1.8em}.go-back,.not-found-box{text-align:center}.not-found{font-size:1.5em;width:95%}@media screen and (min-width:1200px){.go-back{font-size:2em}}
/*# sourceMappingURL=main.a82b813d.chunk.css.map */