*{padding:0;box-sizing:border-box}*,body,html{margin:0}#root{width:100vw;height:100vh}#appContainer{display:flex;flex-direction:row;justify-content:space-between}#appContainer,.App{width:100%;height:100%}.App{transition:width .1s;transition-delay:0s}.App.active{width:93%;transition:width .9s;transition-delay:0s}.SideMenu{width:20%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap;justify-items:flex-start;justify-content:flex-start;padding:5px;background:#0e1538;color:#eee}.MainMenu{align-items:center}.MainMenu,.MenuButtons{display:flex;flex-direction:row;justify-content:space-around}.ButtCont,.itemList{display:flex;flex-direction:column;flex-wrap:wrap}.ButtCont{height:300px;align-items:flex-start;justify-items:flex-start;justify-content:space-between}.ButtCont a{position:relative;width:50px;min-width:50px;height:50px;display:inline-block;background-color:#fff;margin-right:20px}.ButtCont a:after,.ButtCont a:before{content:"";position:absolute;inset:0;background-color:red;transition:.2s}.ButtCont a:hover:before{inset:-3px}.ButtCont a:hover:after{inset:-3px;-webkit-filter:blur(4px);filter:blur(4px)}.ButtCont a span{position:absolute;width:100%;height:100%;background-color:#0c1542;z-index:10;display:flex;justify-content:center;align-items:center;font-size:1.2em;text-transform:uppercase;letter-spacing:1px;color:#fff;box-sizing:border-box;border:2px solid #000}.ButtCont div:first-of-type>a:after,.ButtCont div:first-of-type>a:before{background:linear-gradient(45deg,#0aeedb,#6d287a,#32c714)}.ButtCont div:nth-of-type(2)>a:after,.ButtCont div:nth-of-type(2)>a:before{background:linear-gradient(45deg,#e209b3,#010620,#c7145f)}.ButtCont div:nth-of-type(3)>a:after,.ButtCont div:nth-of-type(3)>a:before{background:linear-gradient(45deg,#0ef806,#a305ff,#f8a202)}.ButtCont div:nth-of-type(4)>a:after,.ButtCont div:nth-of-type(4)>a:before{background:linear-gradient(45deg,#ffd905,#04f8bb,#5f3096)}.ButtCont div:nth-of-type(5)>a:after,.ButtCont div:nth-of-type(5)>a:before{background:linear-gradient(45deg,#ff0505,#ffae00,#7401f8)}.Navigation{width:60px;top:0;right:0;background:#154367;z-index:999;overflow:hidden}.Navigation,.Navigation.active{position:absolute;height:100vh;transition:width 1s;transition-delay:0s}.Navigation.active{width:190px}.Toggle{position:relative;top:0;left:0;width:100%;height:60px;display:flex;justify-content:center;align-items:center;background:#ff4081;transition:.5s;cursor:pointer}.Navigation .Toggle.active{background:#2196f3}.Toggle:before{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.Toggle:after,.Toggle:before{content:"";position:absolute;width:28px;height:2px;background:#fff;transition:.2s}.Toggle:after{-webkit-transform:translateY(5px);transform:translateY(5px)}.Toggle.active:before{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}.Toggle.active:after{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}.NavigationMenu{padding-left:5px;padding-top:7px;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:wrap}.MainMenuItem{display:flex;width:100%;flex-direction:row;align-items:center}.MainMenuItem p{font-family:Verdana,Geneva,Tahoma,sans-serif;color:#fff;min-width:100%;display:inline}.ItemPanel{padding-top:7px;height:300px;display:flex;flex-direction:column;align-items:flex-start}.MenuItem{display:flex;width:100%;flex-direction:row;align-items:center;padding-bottom:7px}.MenuItem button{width:70px;height:40px;min-width:70px;display:inline;border-radius:5px}.MenuItem a{position:relative;width:50px;min-width:50px;height:50px;margin-right:20px}.MenuItem #color span{width:50px;font-size:2.4em}.MenuItem #color span,.MenuItem #remove span{height:50px;display:flex;justify-content:center;align-items:center;color:#fff;box-sizing:border-box}.MenuItem #remove span{width:70px;font-size:1.2em}.MenuItem #remove i:after,.MenuItem #remove i:before{color:#fff;transition:1s}.MenuItem #remove i:hover:before{color:red}.MenuItem #remove i:hover:after{color:#fff}
/*# sourceMappingURL=main.a5963174.chunk.css.map */