.footer{z-index:100;background-color:var(--black);flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;padding:10px;display:flex;position:sticky;bottom:0;left:0}.footer .menu-footer{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:relative}.footer .menu-footer a{background-color:var(--black);border:1px solid var(--green);color:var(--white);border-radius:50%;justify-content:center;align-items:center;padding:10px;font-size:20px;transition:all .4s ease-in-out;display:flex;position:relative}.footer .menu-footer a:hover{font-size:30px}.footer .credits{color:var(--white);text-align:center;justify-content:center;align-items:center;font-size:12px;display:flex;position:relative}.logo-bg{object-fit:cover;z-index:100;background-color:var(--white);border-radius:50%;width:100%;max-width:50px;height:auto;position:relative}
.menu-float{background-color:var(--black-grey);z-index:10000;border-radius:0 0 7px 7px;width:100%;max-width:150px;padding-top:10px;transition:all .7s;position:absolute;top:0;left:50%;transform:translate(-50%)}.menu-float .links{opacity:0;flex-direction:column;justify-content:center;align-items:center;width:100%;max-height:0;transition:all .4s;display:flex;position:relative;overflow:hidden}.menu-float .active-links{opacity:1;max-height:1000px;overflow:hidden}.menu-float .links .link{width:100%;color:var(--white);flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;padding:7px 10px;font-size:14px;text-decoration:none;transition:all .4s ease-in-out;display:flex;position:relative}.menu-float .links .link:hover{background-color:#ffffff1a;box-shadow:0 0 1px #333}.menu-float .links .link .arrow-effect{pointer-events:none;flex:10%}.menu-float .links .link p{flex:90%}.menu-float .links .link:hover .arrow-effect{animation:2s arrowEffectAni}@keyframes arrowEffectAni{0%{transform:rotate(0)}25%{transform:rotate(30deg)}50%{transform:rotate(-30deg)}75%{transform:rotate(30deg)}to{transform:rotate(0)}}.menu-float .btn-show{flex-direction:column;justify-content:center;align-items:center;width:100%;padding-top:10px;display:flex;position:relative}.menu-float .btn-show .btn-action{cursor:pointer;background-color:var(--black);border:1px solid var(--green);width:100%;color:var(--white);flex-direction:column;justify-content:center;align-items:center;padding:10px;display:flex;position:relative}