*{-webkit-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none}body{margin:0;padding:20px;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;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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.control-panel-wrapper{position:relative;background-image:linear-gradient(90deg,#bbb,hsla(0,0%,73.3%,.5),hsla(0,0%,73.3%,.5),hsla(0,0%,73.3%,.5),hsla(0,0%,73.3%,.5),#bbb);width:310px;height:270px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:5px 5px 8px grey}.inner-circle{border-radius:50%;background-color:#bbb;width:150px;height:150px;left:80px;top:50px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-weight:700}.buttons,.inner-circle{position:absolute;z-index:1}.buttons{cursor:pointer}.buttons img{width:20px;height:20px}.top-button{top:15px;left:130px;font-weight:700}.left-button{top:115px;left:40px}.right-button{top:115px;right:40px}#bottom-button{left:133px;bottom:22px}#bottom-button img{width:40px;height:40px}.outer-circle-rotatable{position:relative;border-radius:50%;background:#fff;opacity:.9;width:250px;height:250px;left:30px;z-index:1}.screen-wrapper{width:310px;height:310px;background-image:linear-gradient(90deg,#bbb,hsla(0,0%,73.3%,.5),hsla(0,0%,73.3%,.5),hsla(0,0%,73.3%,.5),hsla(0,0%,73.3%,.5),#bbb);position:relative;border-top-right-radius:10px;border-top-left-radius:10px;box-shadow:5px -5px 8px grey}.screen-internal-wrapper{width:290px;height:290px;background-image:url(https://images.unsplash.com/photo-1504714146340-959ca07e1f38?auto=format&fit=crop&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NXx8c2NlbmVyeXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&q=60&w=500);background-color:pink;position:absolute;left:9px;top:9px;overflow:hidden;border:1px solid #000;border-radius:10px}.white{background-image:none;background-color:#fff}.battery{position:absolute;right:3px;top:-3px}.battery img{width:30px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}.side-menu{position:absolute;width:125px;background-color:#fff;bottom:0;border-top-right-radius:10px}.side-menu-animated{-webkit-animation:slideInFromBottom .5s ease-out 0s 1;animation:slideInFromBottom .5s ease-out 0s 1}@-webkit-keyframes slideInFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.side-menu ul{list-style:none;text-align:left;margin-left:-40px}.side-menu ul li{padding-top:10px;padding-bottom:10px;padding-left:20px;font-size:15px}.active{background-color:#4040e9;color:#fff}#settings-image-1{width:50px;-webkit-animation:spin-opposite 2s linear infinite;animation:spin-opposite 2s linear infinite}#settings-image-2{width:75px;-webkit-animation:spin 4s linear infinite;animation:spin 4s linear infinite;margin-left:-5px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes spin-opposite{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes spin-opposite{to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.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:-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;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)}}
/*# sourceMappingURL=main.62248614.chunk.css.map */