.navbar{width:100%}.navbar.unstuck{display:block;position:absolute;top:25vh;bottom:75vh;height:50vh;background-color:transparent;font-size:30px;z-index:10;color:var(--color-white);will-change:position,top,background-color,height,font-size,transform}.navbar.stuck{display:block;position:fixed;top:0;background-color:#000000bf;height:var(--header-height);font-size:24px;animation:stickNavbar 1s;z-index:10;will-change:background-color,height,font-size,transform;animation:.25s stickNavbar;animation-timing-function:ease-in-out}.navbar.hidden{display:none}@keyframes stickNavbar{0%{background-color:transparent;height:50vh;font-size:30px}to{background-color:#000000bf;height:var(--header-height);font-size:24px}}@keyframes stickNavbarSmall{0%{background-color:transparent;height:20vh}to{background-color:#000000bf;height:var(--header-height)}}@keyframes stickNavbarMedium{0%{background-color:transparent;height:20vh;font-size:30px}to{background-color:#000000bf;height:var(--header-height);font-size:24px}}.navbar.animate{animation:.25s unstickNavbar;animation-timing-function:ease-in-out}@keyframes unstickNavbar{0%{background-color:#000000bf;bottom:calc(25vh + var(--header-height));height:var(--header-height);font-size:24px}to{background-color:transparent;bottom:75vh;height:50vh;font-size:30px}}@keyframes unstickNavbarSmall{0%{background-color:#000000bf;bottom:calc(25vh + var(--header-height));height:var(--header-height)}to{background-color:transparent;top:40vh;bottom:60vh;height:20vh}}@keyframes unstickNavbarMedium{0%{background-color:#000000bf;bottom:calc(25vh + var(--header-height));height:var(--header-height);font-size:24px}to{background-color:transparent;top:40vh;bottom:60vh;height:20vh;font-size:30px}}.navbarButton{position:absolute;top:50%;font-family:Abril Fatface,serif}.navbarButton:hover{transition:.5s;color:var(--color-white-secondary)}#appointmentsButton{left:15%;transform:translate(-50%,-50%)}#contactButton{right:15%;transform:translate(50%,-50%)}.navbarButton:before{content:"";position:absolute;left:0;right:100%;bottom:0;background:var(--color-white-secondary);height:2px;transition:right .2s ease-out}.navbarButton:hover:before{right:0}.barberPoleContainer{position:relative;background-size:contain;background-position:center;background-repeat:no-repeat;margin:10px auto;height:calc(100% - 20px);aspect-ratio:100 / 306;z-index:10}.barberPoleCaps{height:100%;-o-object-fit:contain;object-fit:contain}.ball{height:7.19%;aspect-ratio:1;margin-left:auto;margin-right:auto;border-radius:100px;background-color:var(--color-white)}.endCap{width:64.286%;height:4.902%;margin:5.952% auto;background-color:var(--color-white)}.cap{width:100%;height:4.902%;background-color:var(--color-white)}.barberWrap{position:absolute;inset:22.4% 15.5%}.barber{height:100%;width:100%;position:inherit;background:var(--color-white);background-color:-webkit-linear-gradient(-45deg,var(--color-white) 0%,var(--color-white) 6.25%,var(--color-red) 6.25%,var(--color-red) 12.5%,var(--color-white) 12.5%,var(--color-white) 18.75%,var(--color-blue) 18.75%,var(--color-blue) 25%);background:repeating-linear-gradient(-45deg,var(--color-white) 0%,var(--color-white) 6.25%,var(--color-red) 6.25%,var(--color-red) 12.5%,var(--color-white) 12.5%,var(--color-white) 18.75%,var(--color-blue) 18.75%,var(--color-blue) 25%);background-size:100% 200%;animation:barberpole 2.5s infinite linear}@keyframes barberpole{0%{background-position:0 0%}to{background-position:0 60%}}@media (min-height: 100vw){.navbar.unstuck{top:40vh;bottom:60vh;height:20vh}#appointmentsButton{left:20%;transform:translate(-50%,-50%)}#contactButton{right:20%;transform:translate(50%,-50%)}.navbar.animate{animation:.25s unstickNavbarMedium}.navbar.stuck{animation:.25s stickNavbarMedium}}@media (max-width: 767px){.navbar.unstuck{font-size:14px}.navbar.animate{animation:.25s unstickNavbarSmall}.navbar.stuck{animation:.25s stickNavbarSmall;font-size:14px}}@media (max-width: 300px){.navbar.unstuck,.navbar.stuck{font-size:12px}}