.yoshi-header{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;position:relative;background-color:#fffefa;box-shadow:0px 0px 16px -4px rgba(0,0,0,0.3)}.logo{display:flex;align-items:center;margin-left:16px}.logo img{width:140px;height:auto;max-width:100%;display:block}.nav-header{display:flex;justify-content:center;align-items:center;flex-grow:1}.nav-container{display:flex;justify-content:center;align-items:flex-end;height:100%;margin:0 16px 0 0}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#512700;font-size:18px;font-weight:800;transition:background-color 0.3s;padding:10px 13px;border-radius:20px;margin:0 2px}.nav-item img{width:25px;height:auto;max-width:100%;margin-bottom:1px}.nav-item:hover{background-color:#fae349}.yoshi-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fffefa}.hamburger-menu{display:none;justify-content:center;align-items:center;width:50px;height:50px;background-color:#fae349;border-radius:50%;cursor:pointer;position:relative;flex-direction:column;margin:5px 16px 5px 0}.hamburger-menu div{width:30px;height:2px;background-color:#512700;border-radius:2px;transition:all 0.3s;margin:2.5px 0}#menu-toggle{display:none}#menu-toggle:checked~.yoshi-header-content .hamburger-menu div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#menu-toggle:checked~.yoshi-header-content .hamburger-menu div:nth-child(2){opacity:0}#menu-toggle:checked~.yoshi-header-content .hamburger-menu div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;flex-wrap:wrap;justify-content:space-between;background-color:rgba(250,227,73,0.95)!important;padding:32px 32px;border:1px solid #face02;box-sizing:border-box;text-align:center;position:absolute;top:100%;left:0;width:100%;z-index:999;transform:translateY(-20px);opacity:0;transition:opacity 0.3s ease,transform 0.3s ease}#menu-toggle:checked~.mobile-nav{display:flex;transform:translateY(0);opacity:1}.mobile-nav .nav-item{flex:0 0 calc(50% - 10px);margin:5px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#512700;font-size:16px;font-weight:800;padding:15px 10px 10px;border:1px solid #face02;border-radius:10px;transition:background-color 0.3s;box-sizing:border-box}.mobile-nav .nav-item img{width:40px;height:auto;margin-bottom:10px}.mobile-nav .nav-item:hover{background-color:#face02}.mobile-nav .mobile-extra{flex-basis:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-nav .mobile-extra img{width:33px;height:33px;max-width:100%;margin-top:32px;margin-bottom:16px}.mobile-nav .mobile-extra span{font-size:16px;color:#512700;font-weight:400;text-align:center}@media screen and (max-width:900px){.yoshi-header{padding-top:15px;padding-bottom:10px}.logo img{width:120px;height:auto;max-width:100%;display:block}.nav-container{display:none}.hamburger-menu{display:flex}.mobile-nav .nav-item{flex:0 0 29%}.mobile-nav .mobile-extra{flex-basis:100%}}@media screen and (min-width:900px){.mobile-nav{display:none}}@media screen and (max-width:768px){.yoshi-header{padding-top:5px;padding-bottom:5px}.mobile-nav .nav-item{flex:0 0 40%}.mobile-nav .mobile-extra{flex-basis:100%}}@media screen and (max-width:900px){.mobile-nav .nav-item{flex:0 0 calc(33.33% - 10px)}}@media screen and (max-width:768px){.mobile-nav .nav-item{flex:0 0 calc(50% - 10px)}}.yoshi-header{display:flex;justify-content:space-between;align-items:center;padding:5px 20px;position:relative;background-color:#fffefa;box-shadow:0px 0px 16px -4px rgba(0,0,0,0.3)}.logo{display:flex;align-items:center;margin-left:16px}.logo img{width:140px;height:auto;max-width:100%;display:block}.nav-header{display:flex;justify-content:center;align-items:center;flex-grow:1}.nav-container{display:flex;justify-content:center;align-items:flex-end;height:100%;margin:0 16px 0 0}.nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#512700;font-size:18px;font-weight:800;transition:background-color 0.3s;padding:10px 13px;border-radius:20px;margin:0 2px}.nav-item img{width:25px;height:auto;max-width:100%;margin-bottom:1px}.nav-item:hover{background-color:#fae349}.yoshi-header-content{display:flex;align-items:center;justify-content:space-between;width:100%;background-color:#fffefa}.hamburger-menu{display:none;justify-content:center;align-items:center;width:50px;height:50px;background-color:#fae349;border-radius:50%;cursor:pointer;position:relative;flex-direction:column;margin:5px 16px 5px 0}.hamburger-menu div{width:30px;height:2px;background-color:#512700;border-radius:2px;transition:all 0.3s;margin:2.5px 0}#menu-toggle{display:none}#menu-toggle:checked~.yoshi-header-content .hamburger-menu div:nth-child(1){transform:rotate(45deg) translate(5px,5px)}#menu-toggle:checked~.yoshi-header-content .hamburger-menu div:nth-child(2){opacity:0}#menu-toggle:checked~.yoshi-header-content .hamburger-menu div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;flex-wrap:wrap;justify-content:space-between;background-color:rgba(250,227,73,0.95)!important;padding:32px 32px;border:1px solid #face02;box-sizing:border-box;text-align:center;position:absolute;top:100%;left:0;width:100%;z-index:999;transform:translateY(-20px);opacity:0;transition:opacity 0.3s ease,transform 0.3s ease}#menu-toggle:checked~.mobile-nav{display:flex;transform:translateY(0);opacity:1}.mobile-nav .nav-item{flex:0 0 calc(50% - 10px);margin:5px;display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#512700;font-size:16px;font-weight:800;padding:15px 10px 10px;border:1px solid #face02;border-radius:10px;transition:background-color 0.3s;box-sizing:border-box}.mobile-nav .nav-item img{width:40px;height:auto;margin-bottom:10px}.mobile-nav .nav-item:hover{background-color:#face02}.mobile-nav .mobile-extra{flex-basis:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-nav .mobile-extra img{width:33px;height:33px;max-width:100%;margin-top:32px;margin-bottom:16px}.mobile-nav .mobile-extra span{font-size:16px;color:#512700;font-weight:400;text-align:center}@media screen and (max-width:900px){.yoshi-header{padding-top:15px;padding-bottom:10px}.logo img{width:120px;height:auto;max-width:100%;display:block}.nav-container{display:none}.hamburger-menu{display:flex}.mobile-nav .nav-item{flex:0 0 29%}.mobile-nav .mobile-extra{flex-basis:100%}}@media screen and (min-width:900px){.mobile-nav{display:none}}@media screen and (max-width:768px){.yoshi-header{padding-top:5px;padding-bottom:5px}.mobile-nav .nav-item{flex:0 0 40%}.mobile-nav .mobile-extra{flex-basis:100%}}@media screen and (max-width:900px){.mobile-nav .nav-item{flex:0 0 calc(33.33% - 10px)}}@media screen and (max-width:768px){.mobile-nav .nav-item{flex:0 0 calc(50% - 10px)}}