.navbar{background:#252525;color:#eee;height:60px;width:100%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:fixed;top:0;z-index:100}.navbar_container{display:flex;justify-content:space-between;height:60px;width:100%;max-width:1300px;margin:0 auto;padding:0 20px}#navbar_logo{display:flex;align-items:center;cursor:pointer;min-width:310px}.navbar_menu{display:flex;align-items:center;list-style:none;background-color:#252525;height:60px;border-bottom-left-radius:4px;padding-left:20px;gap:20px}.navbar_item{height:50px;width:100%;margin:0 2px}.navbar_links{display:flex;align-items:center;justify-content:center;text-decoration:none;height:100%}.navbar_item_play{display:flex;justify-content:center;align-items:center;width:100%}.navbar_play{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:10px 20px;height:100%;width:120px;border:none;outline:none;border-radius:4px;background:#ff8a50;background:-webkit-linear-gradient(to bottom,#ff8a50,#c43118,#791607);background:linear-gradient(to bottom,#ff8a50,#c43118,#791607)}.highlight{cursor:default;text-shadow:0 0 14px rgb(200,200,200);color:#fff}.navbar_play:active{background:-webkit-linear-gradient(to bottom,#ff9d6b,#e25e38,#9f2b0e);background:linear-gradient(to bottom,#ff9d6b,#e25e38,#9f2b0e)}.navbar_links:active{cursor:pointer;text-shadow:0 0 14px rgb(200,200,200);color:#fff}@media (hover:hover){.navbar_play:hover{background:-webkit-linear-gradient(to bottom,#ff9d6b,#e25e38,#9f2b0e);background:linear-gradient(to bottom,#ff9d6b,#e25e38,#9f2b0e)}.navbar_links:hover{cursor:pointer;text-shadow:0 0 14px rgb(200,200,200);color:#fff}}@media screen and (max-width:960px){.navbar_container{display:flex;justify-content:space-between;width:100%;max-width:1300px;padding:0}.navbar_menu{display:grid;grid-template-columns:auto;gap:10px;margin:0;padding:0 10px 10px 10px;width:220px;height:auto;position:absolute;top:60px;right:0;transform:translateX(100%);z-index:0;font-size:1.6rem}.navbar_menu.active{transform:translateX(0);z-index:99}#navbar_logo{width:335px;padding-left:25px}.navbar_toggle .bar{width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background:#eee}.navbar_item{width:100%;height:60px;margin:0}.navbar_links{text-align:center;width:100%;text-decoration:none;border:none;outline:none;border-radius:4px;background-color:#444444}.navbar_links:active{background-color:#555555}@media (hover:hover){.navbar_links:hover{background-color:#555555}}.navbar_play{display:flex;justify-content:center;align-items:center;width:100%;height:60px;margin:0}.navbar_item_play{margin:0}#mobile-menu{position:absolute;width:50px;height:50px;top:-6px;right:10px;transform:translate(5%,20%);cursor:pointer}.navbar_toggle .bar{display:block}#mobile-menu.is-active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media screen and (max-height:550px){.navbar_menu{font-size:1.4rem;gap:4px;padding:0 4px 4px 4px;width:180px}.navbar_item{height:34px}.navbar_play{height:34px}}}@media screen and (max-width:400px){#navbar_logo{padding-right:65px;width:auto}}