.sidebar{align-items:center;background-color:#333;color:#fff;display:flex;flex-direction:column;height:100vh;left:-250px;overflow-y:auto;position:fixed;top:0;transition:left .3s ease;width:250px;z-index:1000}.sidebar.open{left:0}.logo{align-items:center;display:flex;justify-content:center;padding:20px;text-align:center;width:100%}.logo img{height:auto;max-width:50%}.menu{flex-direction:column;flex-grow:1;list-style-type:none;margin:0;padding:0}.menu,.menu li{align-items:center;display:flex}.menu li{margin:10px 0;width:50%}.menu li a{align-items:center;background-color:#444;border-radius:8px;color:#fff;display:flex;padding:10px;text-decoration:none;transition:background-color .3s;width:100%}.menu li a:hover{background-color:#555}.icon{font-size:20px;margin-right:10px}.icon.home:before{content:"🏠"}.icon.blog:before{content:"📄"}.icon.contact:before{content:"✉️"}.icon.books:before{content:"📚"}.plan,.settings{border-top:1px solid #444;margin-top:20px;padding-top:10px;text-align:center;width:100%}.hamburger-button{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;justify-content:center;left:10px;position:fixed;top:10px;z-index:1100}.bar{background-color:#00a000;height:3px;transition:.3s;width:25px}.bar.open:first-child{transform:rotate(45deg) translate(1px,10px)}.bar.open:nth-child(2){opacity:0}.bar.open:nth-child(3){transform:rotate(-45deg) translate(1px,-10px)}.main-content{margin-top:25px;padding:20px;position:relative;transition:margin-left .3s ease;z-index:1}.main-content.sidebar-open{margin-left:250px}