@import url(https://fonts.googleapis.com/css?family=Montserrat|Ubuntu);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.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)}}.login-element,.not-found-element{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:85%;max-width:400px;background:#fff;border-radius:10px;box-shadow:0 7px 29px 0 rgba(100,100,111,.2);padding:10px}.not-found-element{color:#343a40}.not-found-element h1{text-align:center;font-size:xx-large}.not-found-element h2{text-align:center;padding:20px 0}.not-found-element form{padding:0 40px 20px;box-sizing:border-box}.not-found-element button{margin:10px 0;background-color:#fa5f00}.not-found-element button:hover{margin:10px 0;background-color:#e33f0b}.not-found-element .reset-link{color:#e37d0b}.not-found-element .backToLogin{position:absolute;left:5px;top:5px;color:#e37d0b!important}.not-found-element .backToLogin i{position:relative;left:7px;top:7px}span{color:rgba(0,0,0,.5)!important}.login-element h1{text-align:center;font-size:xx-large;color:#878788}.login-element h2{text-align:center;padding:20px 0}.login-element form{padding:0 20px 20px;box-sizing:border-box}.login-element button{margin:10px 0;background-color:#fa5f00}.login-element button:hover{margin:10px 0;background-color:#e33f0b}.login-element .reset-link{color:#e37d0b}.login-element .backToLogin{position:absolute;left:5px;top:5px;color:#e37d0b}.login-element .backToLogin i{position:relative;left:7px;top:7px}.login-element form .error-message{display:block;color:red;margin:5px 0;text-align:center}.login-element .MuiCheckbox-colorPrimary.Mui-checked{color:#fa5f00!important}.login-element .MuiFormLabel-root.Mui-focused{color:#e33f0b!important}.login-element .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#e33f0b!important}form .txt_field{position:relative;border-bottom:2px solid #adadad;margin:30px 0}.status-element{padding:40px}.copyright,.copyright a{color:rgba(0,0,0,.5);text-align:center;font-size:14px}.bg-element{width:100%;height:100vh;background-color:#f0f0f0}.glow-on-hover{width:220px;height:50px;border:none;outline:none;color:#fff;background:grey;cursor:pointer;position:relative;z-index:0;border-radius:10px;margin:15px}.glow-on-hover:before{content:"";background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;-webkit-filter:blur(5px);filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);-webkit-animation:glowing 20s linear infinite;animation:glowing 20s linear infinite;opacity:0;transition:opacity .3s ease-in-out;border-radius:10px}.glow-on-hover:active{color:grey}.glow-on-hover:active:after{background:transparent}.glow-on-hover:hover:before{opacity:1}.glow-on-hover:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:grey;left:0;top:0;border-radius:10px}.active{color:#fff;border:3px solid #1a73e8}@-webkit-keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.footer-wrapper{position:absolute;bottom:0;height:4rem;width:100%;background:grey;display:flex}body{background:#343a40;color:#f5f5f5}.effects-container{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;align-items:center;margin-top:45px}.overlay-top{position:absolute;top:0;height:2rem;background-color:#d3d3d3;width:100%}.top-right{position:fixed;right:0}.top-left{position:fixed;left:0}.status-bar{display:flex}.colorpicker{background:grey;border-radius:10px;margin-bottom:20px}.brightness-wrapper{margin-top:35px;width:60%;max-width:320px;display:flex;flex-direction:column;align-content:center;align-items:center}.brightness-slider{width:100%}input[type=range]::-webkit-slider-thumb{border:1px solid #00001e;height:27px;width:26px;border-radius:15px;background:#fff;cursor:pointer;-webkit-appearance:none}.brightness-label{color:#f5f5f5!important;font-size:14px;font-weight:800}.brightness-label-title{color:#f5f5f5!important;margin-bottom:5px}.notificationBar{background-color:rgba(0,0,0,.2);color:#fff;text-align:center;padding:19px;position:fixed;bottom:0;right:0;font-weight:400;font-size:medium;width:100%;z-index:9999}.noShow{-webkit-animation:notificationPopOut .5s;animation:notificationPopOut .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.showNotification{-webkit-animation:notificationPopUp .5s;animation:notificationPopUp .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes notificationPopUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes notificationPopUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes notificationPopOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes notificationPopOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.NotificationFirstEntry{opacity:0}.error{background:#fa5f00;color:#fff}.instagram{background:#f09433;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433",endColorstr="#bc1888",GradientType=1)}.success{background:#2ecc71;color:#fff}.power-switch{--color-invert:#fff;--width:150px;--height:150px;width:var(--width);height:var(--height)}.power-switch,.power-switch .button{position:relative;display:flex;justify-content:center;align-items:center}.power-switch .button{width:100%;height:100%}.power-switch .button:after{content:"";width:100%;height:100%;position:absolute;background:radial-gradient(circle closest-side,var(--color-invert),transparent);-webkit-filter:blur(20px);filter:blur(20px);opacity:0;transition:opacity 1s ease,-webkit-transform 1s ease;transition:opacity 1s ease,transform 1s ease;transition:opacity 1s ease,transform 1s ease,-webkit-transform 1s ease;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.power-switch .button .power-off,.power-switch .button .power-on{height:100%;width:100%;position:absolute;z-index:1;fill:none;stroke:var(--color-invert);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.power-switch .button .power-off .line,.power-switch .button .power-on .line{opacity:.2}.power-switch .button .power-off .circle,.power-switch .button .power-on .circle{opacity:.2;-webkit-transform:rotate(-58deg);transform:rotate(-58deg);-webkit-transform-origin:center 80px;transform-origin:center 80px;stroke-dasharray:220;stroke-dashoffset:40}.power-switch .button .power-on{-webkit-filter:drop-shadow(0 0 6px hsla(0,0%,100%,.8));filter:drop-shadow(0 0 6px rgba(255,255,255,.8))}.power-switch .button .power-on .line{opacity:0;transition:opacity .3s ease 1s}.power-switch .button .power-on .circle{opacity:1;stroke-dashoffset:220;transition:stroke-dashoffset 1s ease 0s,-webkit-transform 0s ease;transition:transform 0s ease,stroke-dashoffset 1s ease 0s;transition:transform 0s ease,stroke-dashoffset 1s ease 0s,-webkit-transform 0s ease}.power-switch input{position:absolute;height:100%;width:100%;z-index:2;cursor:pointer;opacity:0}.power-switch input:checked+.button:after{opacity:.15;-webkit-transform:scale(2) perspective(1px) translateZ(0);transform:scale(2) perspective(1px) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease}.power-switch input:checked+.button .power-off,.power-switch input:checked+.button .power-on{-webkit-animation:click-animation .3s ease forwards;animation:click-animation .3s ease forwards;-webkit-transform:scale(1);transform:scale(1)}.power-switch input:checked+.button .power-off .line,.power-switch input:checked+.button .power-on .line{-webkit-animation:line-animation .8s ease-in forwards;animation:line-animation .8s ease-in forwards}.power-switch input:checked+.button .power-off .circle,.power-switch input:checked+.button .power-on .circle{-webkit-transform:rotate(302deg);transform:rotate(302deg)}.power-switch input:checked+.button .power-on .line{opacity:1;transition:opacity .05s ease-in .55s}.power-switch input:checked+.button .power-on .circle{-webkit-transform:rotate(302deg);transform:rotate(302deg);stroke-dashoffset:40;transition:stroke-dashoffset .4s ease .2s,-webkit-transform .4s ease .2s;transition:transform .4s ease .2s,stroke-dashoffset .4s ease .2s;transition:transform .4s ease .2s,stroke-dashoffset .4s ease .2s,-webkit-transform .4s ease .2s}@-webkit-keyframes line-animation{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(10px);transform:translateY(10px)}40%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}60%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}85%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes line-animation{0%{-webkit-transform:translateY(0);transform:translateY(0)}10%{-webkit-transform:translateY(10px);transform:translateY(10px)}40%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}60%{-webkit-transform:translateY(-25px);transform:translateY(-25px)}85%{-webkit-transform:translateY(10px);transform:translateY(10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes click-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes click-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.c47963b3.chunk.css.map */