.horizontal-menu{margin:0;font-size:1.2rem;align-items:center;text-transform:capitalize;max-width:800px;list-style-type:none;padding:0;display:flex;gap:3rem;color:#fff}.main-button{display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.2rem;gap:.5rem}.menu-item a{font-weight:700;color:inherit;text-decoration:none}.menu-item:hover{cursor:pointer;color:var(--secondary-color);text-decoration-line:none}.nav{height:50px;width:100%;position:fixed;top:0;z-index:2;background-color:var(--background-body);display:flex;justify-content:space-between}.main-nav{background-image:linear-gradient(180deg,rgba(0,0,0,.7) 10%,transparent);background-color:transparent;transition-property:background-color;transition-duration:.3s}.logo{max-width:200px;max-height:90%}.vertical-menu{display:none}.vertical-items{display:flex;flex-direction:column;background-color:var(--background-body);width:60vw;min-width:300px;gap:1rem;font-size:1.4rem;text-decoration:none;list-style-type:none;margin:0;top:50px;box-sizing:border-box;padding:10px;text-align:center;position:absolute;left:-90vw;height:100vh;border:1px solid var(--secondary-color);transition:left .3s linear}.menu-button{font-size:24px;margin:0;background-color:transparent;max-width:200px}.menu-button:hover{background-color:transparent}.menu-button:focus{border:0;box-shadow:none}.vertical-items.active{left:0}@media (width < 1000px){.main-button,.horizontal-menu{display:none}.vertical-menu{width:100vw;display:flex;flex-direction:row;justify-content:space-between;font-size:1rem}}form{display:flex;align-items:center;justify-content:end;font-size:10px}.input-desktop{width:150px}.mobile-search{display:none}.desktop-search{gap:.1rem}.desktop-search-button{background-color:transparent;padding:0;font-size:24px}.desktop-search-button:hover{background-color:transparent}@media (width < 900px){.desktop-search{display:none}.mobile-search{position:relative;display:flex;width:50%}.mobile-search form{width:100%}.input-mobile{position:relative;width:100%;right:0%;transition:right .1s linear}.input-mobile.invisible{right:-100%;z-index:-1}.mobile-search-button{padding:0 6px 0 0;background-color:var(--background-body);font-size:24px;box-shadow:none;margin:0}.mobile-search-button:hover,.mobile-search-button:focus{box-shadow:none}}