.button{position:absolute;right:0;width:100px;height:40px;cursor:pointer;border-radius:25px;overflow:hidden}.button .slider{position:relative;width:100%;height:100%}.button .slider .el{width:100%;height:100%;background-color:#f86c50}.button .slider .el p{margin:0}.button .slider .el:nth-of-type(2){background-color:black}.button .slider .el:nth-of-type(2) p{color:#f86c50}.button .slider .el:hover .perspectiveText{transform:rotateX(90deg)}.button .slider .el:hover .perspectiveText p:first-of-type{transform:translateY(-100%);opacity:0}.button .slider .el:hover .perspectiveText p:nth-of-type(2){opacity:1}.perspectiveText{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.76,0,.24,1)}.perspectiveText p{transition:all .75s cubic-bezier(.76,0,.24,1);pointer-events:none;text-transform:uppercase}.perspectiveText p:nth-of-type(2){position:absolute;transform-origin:bottom center;transform:rotateX(-90deg) translateY(9px);opacity:0}.header{position:absolute;right:30px;top:50px;z-index:20;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 60px);left:30px;flex-wrap:nowrap}@media (min-width:640px){.header{right:40px;top:50px;width:calc(100% - 80px);left:40px}}@media (min-width:768px){.header{right:40px;top:40px;width:calc(100% - 80px);left:40px}}@media (min-width:1024px){.header{right:50px;top:50px;width:calc(100% - 100px);left:50px}}.header .logo{font-size:20px;font-weight:700;color:#fff;margin-right:auto}@media (min-width:640px){.header .logo{font-size:24px}}@media (min-width:768px){.header .logo{font-size:26px}}@media (min-width:1024px){.header .logo{font-size:28px}}.header .menu{background-color:#f86c50;color:#fff;border-radius:25px;overflow:hidden;position:absolute}.nav{justify-content:space-between;padding:100px 40px 50px;height:100%;box-sizing:border-box}.nav,.nav .body{display:flex;flex-direction:column}.nav .body{gap:10px}.nav .body .linkContainer{perspective:120px;perspective-origin:bottom;color:white}.nav .body a{text-decoration:none;color:white;font-size:46px}.nav .footer{display:flex;flex-wrap:wrap}.nav .footer a{width:50%;margin-top:5px}