.header{color:#fff;z-index:100;background-color:#121212af;position:sticky;top:0}.header-content{flex-flow:wrap;justify-content:space-between;align-items:center;width:80vw;margin:auto;padding:10px 5%;display:flex}@media (max-width:740px){.header-content{justify-content:center}}.title-text{margin:0;font-size:3em;font-weight:700}.navbar{flex-direction:row;align-items:center;display:flex}.navlist{flex-direction:row;justify-content:space-evenly;align-items:center;display:flex}.hamburger{cursor:pointer;background:0 0;border:none;font-size:2rem;display:none}.button{cursor:pointer;margin:0 6px;font-size:2em;transition:color .3s}.button:hover{color:red}.icon{width:auto;height:30px;margin:0 5px;transition:color .3s}.icon:hover{color:red}.icons{flex-direction:row;margin-left:14px;display:flex}@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{flex-direction:row;justify-content:space-evenly;display:flex}.hamburger{flex-direction:column;justify-content:space-between;width:30px;height:22px;display:flex}.hamburger span{background-color:#fff;width:30px;height:3px;transition:transform .3s,opacity .3s;display:block}.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{justify-content:unset;z-index:1000;background-color:#8b0000;flex-direction:column;align-items:center;width:100%;height:100%;padding-top:10px;transition:transform .3s ease-in-out;position:fixed;top:112px;left:0;transform:translate(170%)}.navlist{flex-direction:column}.icon{margin:5px}.navbar.show{display:flex;transform:translate(0)}.button{color:#fff;margin:.5rem 0}}