body{font-family:Poppins,sans-serif}.navigation{position:relative;width:600px;height:50px;background-color:transparent;display:flex;justify-content:center;align-items:center;border-radius:10px}.navigation ul{display:flex;width:100%;justify-content:space-evenly;padding:0;margin:0}.navigation ul li{list-style:none;width:auto;height:70px;transition:color .3s ease;font-weight:900;z-index:1}.navigation ul li,.navigation ul li a{position:relative;display:flex;justify-content:center;align-items:center}.navigation ul li a{font-weight:300;font-size:16px;width:100%;text-align:center;flex-direction:column;transition:all .7s ease;white-space:nowrap}.navigation ul li:hover a{color:#fff}.navigation ul .animation{position:absolute;height:10%;top:45px;bottom:0;margin:auto;z-index:0;background-color:#fa7c1f;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}@media (min-width:768px) and (max-width:1023px){.navigation{width:auto;height:30px}.navigation ul{justify-content:center;gap:1rem}.navigation ul li{width:auto;height:auto;font-size:14px;flex:none;padding:0 .5rem;min-width:auto}.navigation ul li a{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.register-btn,.sign-in-btn{padding:8px 16px;font-size:12px;margin-left:10px;display:inline-block;margin-top:5px}.navigation ul .animation{position:absolute;height:3px;top:10px;z-index:0;background-color:#fa7c1f;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}}@media (min-width:1024px) and (max-width:1050px){.navigation{width:50%;height:40px;flex-wrap:wrap}.navigation ul{justify-content:space-around}.navigation ul li{width:auto;height:auto;font-size:14px}.navigation ul li a{font-size:12px}.register-btn,.sign-in-btn{padding:8px 16px;margin-left:10px;display:inline-block;margin-top:5px}.navigation ul .animation{position:absolute;height:3px;top:0;z-index:0;background-color:#fa7c1f;border-radius:8px;transition:all .8s ease 0s;box-shadow:0 8px 16px rgba(0,0,0,.15),0 2px 10px rgba(0,0,0,.1)}.register-btn,.sign-in-btn{padding:.6rem 1.5rem;font-size:12px;width:100%;max-width:150px;height:35px}}@media (max-width:767px){.navigation{display:none}}@media (min-width:768px){.navigation{display:block}}