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:Rubik;src:local("Rubik"),url(/static/media/RUBIK.3a8e5377732eefcf42fb.TTF) format("truetype")}.App{direction:rtl;font-family:Rubik;text-align:center}body{background-color:#11295a;background-image:url(/static/media/bkg_33.a7f2f37a4b27f2122483.jpg)}.App-logo{height:25vmin;margin:20px 20px 10px;pointer-events:none}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.Green-Light:hover{background-color:#000}.Green-Light{animation-direction:alternate-reverse;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:neon;animation-name:neon;background-color:#3adc28;border:.2rem solid #fff;border-radius:2rem;color:#fff;font-family:Rubik;font-size:50px;height:250px;margin:15px;padding:.4em;width:250px}@-webkit-keyframes neon{0%{box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 1rem #49fb35,0 0 1rem #49fb35,0 0 1rem #49fb35,inset 0 0 2rem #49fb35;text-shadow:0 0 7px #fff,0 0 32px #49fb35,0 0 62px #49fb35,0 0 72px #49fb35}to{box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #49fb35,0 0 2rem #49fb35,0 0 2rem #49fb35,inset 0 0 3rem #49fb35;text-shadow:0 0 10px #fff,0 0 42px #49fb35,0 0 82px #49fb35,0 0 92px #49fb35}}@keyframes neon{0%{box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 1rem #49fb35,0 0 1rem #49fb35,0 0 1rem #49fb35,inset 0 0 2rem #49fb35;text-shadow:0 0 7px #fff,0 0 32px #49fb35,0 0 62px #49fb35,0 0 72px #49fb35}to{box-shadow:0 0 .2rem #fff,0 0 .2rem #fff,0 0 2rem #49fb35,0 0 2rem #49fb35,0 0 2rem #49fb35,inset 0 0 3rem #49fb35;text-shadow:0 0 10px #fff,0 0 42px #49fb35,0 0 82px #49fb35,0 0 92px #49fb35}}.Blue-Task{animation-direction:alternate-reverse;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:neon_blue;animation-name:neon_blue;background-color:#000;border:2px solid #fff;border-radius:10px;color:#fff;font-size:15px;height:50px;padding:1px;width:200px}@-webkit-keyframes neon_blue{0%{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 14px #28acdc,0 0 14px #28acdc,0 0 14px #28acdc,inset 0 0 14px #28acdc}to{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 18px #28acdc,0 0 18px #28acdc,0 0 18px #28acdc,inset 0 0 18px #28acdc}}@keyframes neon_blue{0%{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 14px #28acdc,0 0 14px #28acdc,0 0 14px #28acdc,inset 0 0 14px #28acdc}to{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 18px #28acdc,0 0 18px #28acdc,0 0 18px #28acdc,inset 0 0 18px #28acdc}}.Button-Task{animation-direction:alternate-reverse;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background-color:#000;border:2px solid #fff;border-radius:10px;color:#fff;font-size:15px;height:50px;padding:1px;width:200px}.Blue-Task{--neonColor:#28acdc;-webkit-animation-name:neon_task;animation-name:neon_task}@-webkit-keyframes neon_task{0%{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 14px var(--neonColor),0 0 14px var(--neonColor),0 0 14px var(--neonColor),inset 0 0 14px var(--neonColor),}to{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 18px var(--neonColor),0 0 18px var(--neonColor),0 0 18px var(--neonColor),inset 0 0 18px var(--neonColor),}}@keyframes neon_task{0%{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 14px var(--neonColor),0 0 14px var(--neonColor),0 0 14px var(--neonColor),inset 0 0 14px var(--neonColor),}to{box-shadow:0 0 2px #fff,0 0 2px #fff,0 0 18px var(--neonColor),0 0 18px var(--neonColor),0 0 18px var(--neonColor),inset 0 0 18px var(--neonColor),}}