*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}input,button,textarea{outline:none;border:0}button{cursor:pointer}.app{width:100vw;display:flex;gap:16px;padding-right:16px;overflow:hidden}.logo{border-radius:50%}.btn{cursor:pointer;background-image:linear-gradient(to left,#37a1f7,#3062e1,#251dfd);color:#fff;padding:10px;font-size:16px;border-radius:25px}.btn:hover{background-image:linear-gradient(to left,#251dfd,#3062e1,#37a1f7);transition:all .9s ease-in-out}.leftBar .container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:72px;height:100vh;position:sticky;top:0;padding:16px;border-right:1px solid #e9e9e9}.menuIcons{display:flex;flex-direction:column;align-items:center;gap:24px}.menuIcon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.menuIcon:hover{background-color:#f1f1f1}@media (max-width: 600px){.leftBar{position:relative}.leftBar .container{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100vw;height:50px;position:fixed;top:0;padding:16px;overflow:hidden;z-index:999;background-color:#010101cc;color:#fff!important}.menuIcons{display:flex;flex-direction:row}.menuIcon:hover{background-color:#d4cece56}.logo{width:35px!important;height:35px!important}}