.hamburger-container{cursor:pointer;display:flex;flex-direction:column;align-items:center}.logo{filter:grayscale(100%)}.bar{width:30px;height:2px;background-color:#333;margin:5px 0;transition:.4s}.change .bar:first-child{transform:rotate(-45deg) translate(-5px,12px)}.change .bar:nth-child(2){opacity:0}.change .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-15px)}.overlay{left:0;width:0;background-color:rgba(0,0,0,.5);overflow-x:hidden;z-index:1}.menu,.overlay{position:fixed;top:0;height:100%;transition:.5s}.menu{left:-250px;width:250px;background-color:#333;padding-top:60px;z-index:3}.menu a{padding:15px;text-decoration:none;font-size:20px;color:#fff;display:block;transition:.3s}.menu a:hover{background-color:#555;color:#fff}.change~.overlay{width:100%}.change~.menu{left:0}@media only screen and (max-width:767px){.ProgressBar_progressbar__6pmI7{position:fixed;top:0;left:0;right:0;height:10px;background:#131212;transform-origin:0}}