/*! * animate.css - https://animate.style/ * Version - 4.1.1 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev * animation-delay: calc(var(--delay)/10); * Copyright (c) 2022 Animate.css */ .button-entrance { animation-name: zoomIn; animation-duration: 1s; animation-fill-mode: both; animation-delay: calc(var(--delay)/10); } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } /* Rotating entrances */ .rotate { animation-name: rotate; animation-duration: 3s; animation-fill-mode: both; transform-origin: center; } @keyframes rotate { from { transform: rotate3d(0, 0, 1, -200deg); } to { transform: translate3d(0, 0, 0); } } .fadein { animation-name: fadein; animation-duration: 3s; animation-fill-mode: both; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .parent { margin: auto; padding-top: 50px; position: relative; left: 34px; } .image1 { position: relative; width: 150px !important; min-width:150px; } .image2 { position: relative; bottom: 38px; right: 107px; width: 55px !important; min-width: 55px; height: auto; } .parent-footer { margin: auto; top: 35px; position: relative; right: 123px; } .image-footer1 { position: relative; width: 32px !important; min-width:32px; } .image-footer2 { position: relative; bottom: 7px; right: 27px; width: 12px !important; min-width: 13px; height: auto; } .parent-footers { margin: auto; top: 39px; position: relative; right: 12px; } .image-footers1 { position: relative; width: 32px !important; min-width:32px; } .image-footers2 { position: relative; bottom: 0px; right: 26px; width: 12px !important; min-width: 13px; height: auto; } .text-footers { padding-left: 22px; } .sections { padding-left: 50px; } @keyframes spin { 100% {transform: rotate(1turn); } } section:hover #footer_spin{ animation-play-state: running; } section #footer_spin{ animation: spin 4s linear infinite; animation-play-state: paused; }