.appDesign{display:flex;height:700px;margin-bottom:-80px;overflow:hidden;padding:0 100px}.notification{margin-top:60px;padding:15px;width:300px}.mainApp,.notification{border:1px solid #2a3338;border-radius:10px;height:100%;margin-right:30px}.mainApp{display:flex;width:100%}.alert{border-bottom:1px solid #191e21;display:flex;margin-bottom:10px;padding:10px 0}.profile{background:#1a1a1a;border-radius:100%;height:30px;margin-right:15px;min-width:30px}.alertContent{padding-top:5px;width:100%}.alertContent div{background:#1a1a1a;border-radius:5px;height:6px;margin-bottom:6px}.leftbar{border-right:1px solid #2a3338;min-width:70px}.rightBlock{padding:30px;position:relative;width:100%}.rightBlock:after{-webkit-animation:slide .5s forwards;-webkit-animation-delay:5s;animation:slide .5s forwards;background:#000;-webkit-box-shadow:0 0 75px 75px rgba(0,0,0,.75);-moz-box-shadow:0 0 75px 75px rgba(0,0,0,.75);box-shadow:0 0 75px 75px rgba(0,0,0,.75);content:"";height:100%;margin:-15px;position:absolute;right:0;top:0;width:150%}.chartcontainer{align-items:center;border-left:30px solid #ff6188;border-radius:100%;border-right:30px solid #ff6188;border-top:30px solid #ff6188;border-color:#a9dc62 #ffd862 #ff6188 #78dcdc;border-style:solid;border-width:30px;display:flex;filter:gray;-webkit-filter:grayscale(1);filter:grayscale(1);flex-direction:column;font-size:60px;height:200px;justify-content:center;opacity:.2;position:relative;text-align:center;width:200px}.mainchart{border:1px solid #121619;border-radius:10px;height:200px;left:200px;position:absolute;top:0;width:200px;z-index:10}.chartcontainer span{display:block;font-size:15px}.mainCard{border:1px solid #121619;border-radius:10px;height:500px;margin-top:30px;padding:15px;width:500px}h4{margin-top:0}.cardInfo div{background:#1a1a1a;border-radius:5px;height:6px;margin-bottom:15px}.mainHead{margin:0 auto;padding:80px 150px 0;text-align:center;width:55%}h1{font-size:40px;margin-bottom:0}.rightContent{position:absolute;right:15px;top:15px;width:60%;z-index:100}.lifecycle{display:flex;flex-wrap:wrap}h2{display:block;font-size:30px;margin-bottom:30px;text-align:center}.lifecycle div{border:1px solid #2a3338;border-radius:25px;margin:15px;padding:10px;text-align:center;width:calc(50% - 60px)}@-webkit-keyframes slide{to{width:60%}}@keyframes slide{to{width:60%}}