let headerLogo=document.getElementById("front_logo_header");let headerHeight=headerLogo.offsetHeight;let mobileShape1=document.getElementById("mobile_shape_1");let mobileShape2=document.getElementById("mobile_shape_2");let mobileShape3=document.getElementById("mobile_shape_3");let frontLogo=document.getElementById("front_logo");let yPositionLogo=headerLogo.offsetTop+400;function getYPositionWindow(){return window.pageYOffset}function animLogoPlayer(){if(isLogoVisible()){startLogoAnim()}else{stopLogoAnim()}}function isLogoVisible(){let logoIsVisible;if(getYPositionWindow()>yPositionLogo){logoIsVisible=false}else{logoIsVisible=true}return logoIsVisible}function stopLogoAnim(){frontLogo.setAttribute("style","animation-play-state: paused;");mobileShape1.setAttribute("style","animation-play-state: paused;");mobileShape2.setAttribute("style","animation-play-state: paused;");mobileShape3.setAttribute("style","animation-play-state: paused;")}function startLogoAnim(){frontLogo.removeAttribute("style");mobileShape1.removeAttribute("style");mobileShape2.removeAttribute("style");mobileShape3.removeAttribute("style")}window.onscroll=function(){animLogoPlayer()};let heart=document.getElementById("heart");let footer=document.getElementById("general_footer");const startAnimHeart=function(){heart.classList.add("heartBeat")};const stopAnimHeart=function(){heart.classList.remove("heartBeat")};footer.addEventListener("mouseenter",startAnimHeart);footer.addEventListener("mouseleave",stopAnimHeart);