.nav{z-index:9999;background:linear-gradient(145deg,#d4d8cc,#b0b4a8,#0000ff23,#ff000054,#000);border-radius:50px;justify-content:space-between;align-items:center;width:85%;height:60px;margin-top:20px;padding:1vw;transition:all .3s;display:flex;position:relative;left:6vw;box-shadow:8px 8px 16px #00000040,-8px -8px 16px #fff9}.nav:hover{transform:translateY(-3px);box-shadow:12px 12px 20px #0000004d,-12px -12px 20px #ffffffb3}.logo{filter:drop-shadow(2px 2px 4px #0006);width:200px;height:10vw;position:relative;top:15px}.hamburger-menu{cursor:pointer;pointer-events:auto;box-sizing:border-box;background:linear-gradient(145deg,#3a3a3a,#1f1f1f);border:none;border-radius:10px;flex-direction:column;justify-content:space-between;width:50px;height:45px;padding:1px;transition:all .2s;display:flex;box-shadow:inset 2px 2px 4px #0d0d0d,inset -2px -2px 4px #414040}.hamburger-menu:hover{transform:translateY(-2px);box-shadow:4px 4px 8px #0d0d0d,-4px -4px 8px #3d3d3d}.bar{pointer-events:auto;background:linear-gradient(145deg,#444,#222);border-radius:2px;width:100%;height:3px;transition:transform .2s,opacity .2s;box-shadow:1px 1px 2px #0009,-1px -1px 2px #ffffff6b}.hamburger-menu.open .bar:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-menu.open .bar:nth-child(2){opacity:0}.hamburger-menu.open .bar:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (max-width:1500px){.list{color:#fff;z-index:1000;box-sizing:border-box;background:linear-gradient(145deg,#868080,#1a1a1a);border-radius:12px;flex-direction:column;gap:15px;padding:20px;display:none;position:absolute;top:calc(100% + 10px);right:20px;overflow:hidden;box-shadow:inset 3px 3px 6px #1b1b1b,inset -3px -3px 6px #bbb8b8}.list.show{display:flex}.menu-logo{filter:drop-shadow(2px 2px 4px #0009);flex-shrink:0;height:40px;margin:auto}.nav-link{color:#fff;background:linear-gradient(145deg,#3a3a3a,#1f1f1f);border-radius:8px;padding:8px 12px;text-decoration:none;transition:all .25s;position:relative;box-shadow:4px 4px 8px #00000040,-4px -4px 8px #fff6}.nav-link:hover{background:linear-gradient(145deg,#1f1f1f,#3a3a3a);transform:translateY(-2px);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffff80}.hamburger-menu{display:flex}}@media (min-width:1501px){.list{color:#000;box-shadow:none;z-index:auto;background:0 0;flex-direction:row;gap:70px;margin:auto;padding:0;position:static;overflow:hidden;display:flex!important}.menu-logo{display:none}.nav-link{color:#000;background:linear-gradient(145deg,#e0e0e0,silver,#0000006b,#0000ff6c);border-radius:8px;margin:0;padding:20px 30px;transition:all .25s;box-shadow:4px 4px 8px #00000040,-4px -4px 8px #fff9}.nav-link:hover{background:linear-gradient(145deg,silver,#e0e0e0);transform:translateY(-2px);box-shadow:6px 6px 12px #0000004d,-6px -6px 12px #ffffffb3}.hamburger-menu{display:none}}@media (min-width:200px){.hamburger-menu{padding:1em;position:relative;left:-30px}}.bar{position:relative}list,a{text-decoration:none}.ripple{pointer-events:none;background:#ffffff80;border-radius:50%;animation:.6s linear ripple-animation;position:absolute;transform:scale(0)}@keyframes ripple-animation{to{opacity:0;transform:scale(4)}}.nav-link:active,.hamburger-menu:active{animation:.3s bounce-click}@keyframes bounce-click{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width:800px){.menu-logo{width:95%;padding:.5vw;left:2.5vw}}@media (max-width:500px){.menu-logo{width:95%;padding:.5vw}}
.footer{color:#fff;text-align:center;z-index:9999;pointer-events:none;background-color:#7a38382d;flex-direction:column;align-items:center;gap:10px;width:100%;height:10%;padding:20px 0;font-family:Arial,sans-serif;display:flex;position:fixed;bottom:0}.footer-links{pointer-events:auto;gap:30px;display:flex}.footer-link{color:#fff;padding-bottom:5px;font-size:20px;text-decoration:none;position:relative}.footer-link:after{content:"";background-color:#f60;width:100%;height:2px;transition:transform .3s;position:absolute;top:25px;left:0;transform:scaleX(0)}.footer-link:hover:after{transform:scaleX(1)}.footer h3{margin:2vw 0 0;font-weight:400;display:block;font-size:12px!important}.im1{width:auto;height:40px;position:relative;top:-5px;right:-100px}@media (max-width:768px){.footer{height:auto;padding:15px 0}}@media (max-width:670px){.footer,.footer-links{box-sizing:border-box;flex-direction:column;align-items:center;height:auto;padding:30px}}@media (max-width:480px){.im1{position:relative;left:-50px}}@media (max-width:410px){.im1,h3{display:none}}h3{color:#c5bccc;text-align:center}