.header{background-color:hsla(0,0%,7%,.685);color:#fff;position:sticky;top:0;z-index:100}.header-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:10px 5%;width:80vw;margin:auto}@media (max-width:740px){.header-content{justify-content:center}}.title-text{font-size:3em;font-weight:700;margin:0}.navbar,.navlist{display:flex;flex-direction:row;align-items:center}.navlist{justify-content:space-evenly}.hamburger{display:none;font-size:2rem;background:none;border:none;cursor:pointer}.button{cursor:pointer;font-size:2em;margin:0 6px;transition:color .3s ease}.button:hover{color:red}.icon{height:30px;width:auto;margin:0 5px;transition:color .3s ease}.icon:hover{color:red}.icons{display:flex;flex-direction:row;margin-left:14px}@media (max-width:500px){.header{justify-content:space-between;padding:10px 12px}.header-content{justify-content:space-between;align-items:center;width:90vw;padding:10px 2%}.icons{margin:10px 0}.logo-info{flex-direction:column;align-items:start}.headerinfo{border:none;display:none}.headertext{display:flex;flex-direction:row;justify-content:space-evenly}.hamburger{display:block;width:30px;height:22px;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;background-color:#fff;width:30px;height:3px;transition:transform .3s,opacity .3s}.hamburger-line.one.open{transform:translateY(10px) rotate(45deg)}.hamburger-line.two.open{opacity:0}.hamburger-line.three.open{transform:translateY(-10px) rotate(-45deg)}.navbar{position:fixed;justify-content:unset;align-items:center;top:112px;left:0;height:100%;width:100%;background-color:#8b0000;transform:translateX(170%);transition:transform .3s ease-in-out;z-index:1000;padding-top:10px}.navbar,.navlist{flex-direction:column}.icon{margin:5px}.navbar.show{display:flex;transform:translateX(0)}.button{color:#fff;margin:.5rem 0}}