html { scroll-behavior: smooth;}.progress, sub, sup { vertical-align: baseline;}article, aside, details, figcaption, figure, footer, header, hr, main, menu, nav, section, summary { display: block;}hr, sub, sup { position: relative;}body, figure { margin: 0;}button, hr, input, select { overflow: visible;}[type=checkbox], [type=radio], legend { box-sizing: border-box; padding: 0;}html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; box-sizing: border-box; font-size: 100%;}audio, canvas, progress, video { display: inline-block;}audio:not([controls]) { display: none; height: 0;}[hidden], template { display: none;}a { background-color: transparent;}a:active, a:hover { outline-width: 0;}abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted;}b, strong { font-weight: 700;}dfn { font-style: italic;}h1 { font-size: 2em; margin: 0 0 0.67em;}mark { background-color: #ff0; color: #000;}small { font-size: 80%;}sub, sup { font-size: 60%; line-height: 0;}sub { bottom: -0.25em;}sup { top: -0.45em;}img { border-style: none;}svg:not(:root) { overflow: hidden;}code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}hr { box-sizing: content-box; height: 0; border: 0;}button, input, select, textarea { font: inherit; line-height: initial; margin: 0;}optgroup { font-weight: 700;}button, select { text-transform: none;}[type=button], [type=reset], [type=submit], button { cursor: pointer;}[disabled] { cursor: default;}[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; border: 0;}button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}button:-moz-focusring, input:-moz-focusring { outline: ButtonText dotted 1px;}fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}legend { color: inherit; display: table; max-width: 100%; white-space: normal;}textarea { overflow: auto;}[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto;}[type=search] { -webkit-appearance: textfield;}[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none;}address { font-style: normal;}img { max-width: 100%; display: block; margin: 0 auto;}*, *::before, *::after { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*::before, *::after, a { transition: all 0.4s;}i::before { transition: none;}button { background-color: transparent;}.clearfix:before, .clearfix:after { display: table; content: " "; clear: both;}a[name] { display: block; cursor: auto !important;}p.has_target { margin: 0;}.hide { display: none !important;}.youtube:after, star:before, .toogle:before, main ul li:before { font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal;}star:before { content: "\e80f\e80f\e80f\e80f\e80f"; color: #f4bd17;}.youtube:after { content: "\e80e";}@media (min-width: 1025px) { a[name]:before { height: 120px; margin-top: -120px; display: block; content: ""; visibility: hidden; }}@media (max-width: 1025px) { a[name]:before { height: 90px; margin-top: -90px; display: block; content: ""; visibility: hidden; }}@media (max-width: 590px) { a[name]:before { height: 90px; margin-top: -90px; display: block; content: ""; visibility: hidden; }}@-moz-document url-prefix() {}@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { }}html { font-size: 10px;}body { position: relative; background-color: #fff; color: #5A5A5A; font: 400 1.8rem/1.2 dm-sans, sans-serif; counter-reset: section; overflow-x: hidden;}p { color: #5A5A5A; font: 400 1.8rem/1.666 dm-sans, sans-serif; margin: 10px auto;}a { cursor: pointer; text-decoration: none; color: #D54034;}a:hover { color: #E56B61;}hr { position: relative; display: table; clear: both; margin: 40px auto; width: 100%; height: 1px; background-color: #073a74;}*:focus,a:focus,button:focus,input:focus { outline-width: medium; outline-color: #0f55a5 !important;}h1,h2,h3,h4,h5,h6 { margin: 0; position: relative;}#page-title h1:only-child,h2#append,h1 { color: #5A5A5A; font: 500 4.2rem/1 ivyepic, sans-serif;}h2,.h2,.dividerLead,.more-to-explore span { color: #000; font: 500 6rem/1 ivyepic, sans-serif; position: relative;}h3,.h3 { color: #fff; display: table; position: relative; font: 500 3.6rem/1 ivyepic, sans-serif; background-color: #000; padding: 5px 25px;}main ul { list-style: none; padding: 0; margin: 10px 0; text-align: left; overflow: hidden;}main ul li { position: relative; display: block; margin: 0 0 10px 26px; padding-left: 24px; line-height: 1.6; overflow: hidden;}main ul li:before { content: "\e832"; color: #0f55a5; position: absolute; left: 0; top: 3px; font-size: 0.9em;}.column-2 { -moz-column-count: 2; column-count: 2; padding-left: 50px; margin: 20px auto;}.center-list { display: table; margin: 20px auto;}[class^=btn] { position: relative; z-index: 1; display: table; vertical-align: middle; cursor: pointer; text-align: center; transition: 0.3s all; font: 400 1.8rem/1 dm-sans, sans-serif; color: #fff; padding: 11px 30px; border-radius: 50px; background-color: #E56B61;}[class^=btn]:hover { background-color: #D54034; color: #fff;}.btn-alt { background-color: #fff; color: #000;}.btn-alt:hover { background-color: #000; color: #fff;}.container { width: 100%; max-width: 1200px; margin: 0 auto;}.container.full { max-width: 100%;}[class*=flex] { display: flex;}.align-center { align-items: center;}.align-start { align-items: flex-start;}.align-end { align-items: flex-end;}.justify-start { justify-content: flex-start;}.justify-end { justify-content: flex-end;}.justify-center { justify-content: center;}.justify-around { justify-content: space-around;}.justify-between { justify-content: space-between;}.direction-row { flex-direction: row;}.direction-column { flex-direction: column;}.gap-10 { gap: 10px;}.gap-15 { gap: 15px;}.gap-20 { gap: 20px;}.gap-30 { gap: 30px;}.gap-40 { gap: 40px;}.gap-50 { gap: 50px;}@media (max-width: 500px) { .column-2 { -moz-column-count: 1; column-count: 1; }}header { position: fixed; z-index: 100; left: 0; top: 0; width: 100%; background-color: transparent; transition: 0.3s all;}header:focus-within { z-index: 500;}header .logo { position: relative; z-index: 1;}header li a { font-weight: 400; font-family: "Lato", sans-serif;}@media (min-width: 1025px) { .place-nav { max-width: 1350px; margin: 0 auto; padding: 20px 10px; display: flex; justify-content: space-between; align-items: center; } nav { flex: 0 1 584px; background-color: #fff; } nav, nav ul li, nav ul li a { position: relative; } nav > ul { padding: 0; max-width: 1300px; margin: auto; } nav ul { margin: auto; list-style: none; display: flex; justify-content: space-around; } nav ul li a { display: block; color: #fff; } nav ul li a:hover { color: #fff; } nav > ul > li { flex: 1 1 auto; text-align: center; } nav > ul > li:last-of-type:after { display: none; } nav > ul > li > a { padding: 10px 6px; font-size: 14px; color: #000; text-transform: uppercase; line-height: 1; } nav > ul > li > a span { color: #5A5A5A; } nav > ul > li:hover > a { color: #D54034; } nav ul li:hover > ul { display: block; visibility: visible; animation-name: fadeIn; animation-duration: 0.25s; animation-fill-mode: both; } nav ul ul { display: none; min-width: 280px; width: 100%; padding: 0; position: absolute; z-index: 3; left: 0; text-align: left; background-color: #0f55a5; box-shadow: 10px 17.3px 25px rgba(0, 0, 0, 0.2); } nav > ul > li:last-child ul { right: 0; left: auto; } nav ul ul li > a { padding: 10px 12px; font-size: 14px; line-height: 1.3; text-transform: none; } nav ul ul li > a button i { color: #fff; } nav ul ul li:hover > a { background-color: #011a38; color: #fff; } nav ul ul ul { left: 100%; top: 0; background-color: #073a74; } nav ul ul ul li button i:before { content: "\e825" !important; } nav ul ul ul ul { top: auto; left: 0px; position: relative; display: block; box-shadow: none; background-color: #042244; } nav ul ul ul ul li a { padding-left: 2em; padding-left: 2em; } nav ul ul ul ul li a { background-color: #05274e; } nav ul ul ul ul li:hover a { background-color: #000306; } .has-submenu span > a, .has-submenu button { display: inline-block; line-height: 1; } .has-submenu.open > ul { display: block; } .has-submenu.open > ul *:focus { background-color: rgba(255, 255, 255, 0.2); } nav li button { display: inline-block; padding: 0; }}.fix-nav header { position: fixed !important; box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35); animation-duration: 1s; animation-fill-mode: both; z-index: 100; background-color: #D54034;}@media (max-width: 1024px) { header .logo { padding: 10px; } header .logo img { max-height: 55px; } #hd-top, #main-nav, header nav ul { display: none; } .nav-down { box-shadow: 0 3px 7px rgba(24, 23, 24, 0.2); } .nav-up { transform: translateY(-100%); } .nav-down, .nav-up { background-color: #D54034; } body, header, .mean-container .mean-nav { transition: all 0.3s; } body { right: 0; } .attach header { position: fixed !important; box-shadow: 0 3px 7px rgba(24, 23, 24, 0.35); } .attach header .top-nav { display: none !important; } body.mean-active header { left: -80%; transform: none; } body.mean-active { overflow: hidden; right: 80%; } body.mean-active:before { z-index: 98; content: ""; opacity: 0.7; background-color: #000; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: none; height: inherit; } body.mean-active .mean-container .mean-nav { right: 0; } .mean-container { display: flex !important; flex-flow: row nowrap; align-items: center; justify-content: space-between; } .mean-container .mean-bar { background-color: #000; width: 64px; min-height: 64px; display: flex; flex-direction: column; justify-content: center; align-items: center; align-self: stretch; margin-left: 8px; } .mean-container .meanmenu-reveal { display: block; color: #fff; } .mean-container a.meanmenu-reveal.meanclose i:before { transform: rotate(45deg); font-size: 60px; content: "+"; margin: -5px 0 0 8px; } .mean-container .mean-bar .icon-menu { position: relative; display: table; transition: 0.3s all; z-index: 1; margin: 0 auto; } .mean-container .meanmenu-reveal .icon-menu:before { width: 36px; content: url(assets/images/menu-icon.png); letter-spacing: 3.2px; margin-bottom: 10px; } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after { content: "MENU"; font-style: normal; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; letter-spacing: 1px; font-size: 0.55em; font-weight: 700; } .mean-container .meanmenu-reveal.meanclose i:before { transform: rotate(45deg); font-size: 60px; content: "+"; margin: -5px 0 0 8px; } .mean-container .meanmenu-reveal.meanclose:after { content: "CLOSE"; bottom: 5px; } .mean-container .mean-nav { position: fixed; right: -80%; margin: 0; top: 0; bottom: 0; width: 80%; overflow: auto; display: flex; flex-flow: column; justify-content: flex-start; background-color: #D54034; } .mean-container .mean-nav ul { font-size: 16px; padding: 0; margin: 0; width: 100%; list-style-type: none; } .mean-container .mean-nav ul li { position: relative; width: 100%; } .mean-container .mean-nav ul li a { display: block; padding: 1em 5%; padding-right: 58px !important; margin: 0; text-align: left; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.5); text-decoration: none; text-transform: uppercase; } .mean-container .mean-nav ul li li a { padding: 1em 10%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255, 255, 255, 0.25); opacity: 0.75; text-shadow: none !important; visibility: visible; } .mean-container .mean-nav ul li.mean-first a { border-top: none; margin-top: 0; } .mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; } .mean-container .mean-nav ul li li li a { padding: 1em 15%; } .mean-container .mean-nav ul li li li li a { padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a { padding: 1em 25%; } .mean-container .mean-nav ul li a:hover { background: #252525; background: rgba(255, 255, 255, 0.1); } .mean-container .mean-nav ul li a.mean-expand { width: 48px; line-height: 50px; font-size: 20px; padding: 0 !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; background: rgba(255, 255, 255, 0.1); border: none !important; border-left: 1px solid rgba(255, 255, 255, 0.4) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important; } .mean-container .mean-nav ul li a.mean-expand:before { content: "\e825"; font-family: "fontello"; font-weight: 400; margin: 0; font-style: normal; } .mean-container .mean-nav ul li .mean-expand.mean-clicked:before { content: "\e83a"; } .mean-remove { display: none !important; } .mean-nav .social { min-height: 66px; background-color: rgba(0, 0, 9, 0.1); margin: 0; padding: 10px 5px; justify-content: center; align-items: center; } .mean-nav .fo-title { color: #fff; text-align: center; } .mean-nav .hours { display: block; text-align: center; color: #fff; padding: 10px; margin: 10px auto auto; } .mean-nav .hours p { display: table; text-align: left; font-size: 15px; margin: 10px auto 0; color: #fff; }}#banner { position: relative; padding: 0; padding: 180px 30px 100px; background-size: cover; background-position: center; background-repeat: no-repeat;}#banner span { display: table; text-align: center; background-color: #000; color: #fff; margin: 10px auto 0; line-height: 1; padding: 5px 25px;}@media (min-width: 1501px) { #banner { background-image: url(assets/images/index-banner-large.webp); }}@media (min-width: 701px) and (max-width: 1500px) { #banner { background-image: url(assets/images/index-banner.webp); }}@media (max-width: 700px) { #banner { background-image: url(assets/images/index-banner-mobile.webp); }}@media (max-width: 1000px) { #banner { padding: 120px 30px 60px; } #banner h1 { font-size: 30px; } #banner h1 span:nth-of-type(2) { margin-top: 0; padding-bottom: 12px; padding-top: 0; }}section:not(#banner) article { background-color: #F5F5F5; border-radius: 10px; z-index: 5; position: relative;}section:not(#banner) figure { display: table;}#meet { padding: 75px 20px 30px;}#meet figure img { border: 7px solid #E56B61; border-radius: 15px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}#meet article { max-width: 500px; margin-right: -60px; padding: 30px 45px;}#story figure img { border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}#story article { max-width: 600px; padding: 20px 30px;}#story article p { line-height: 1.4;}#story .flex.container { padding: 30px 20px;}#story .flex.container:nth-of-type(even) { flex-direction: row-reverse;}#story .flex.container:nth-of-type(even) article { margin-right: -30px;}#story .flex.container:nth-of-type(odd) article { margin-left: -30px;}@media (max-width: 1024px) { #meet { padding-top: 50px; } #meet .flex.container { flex-direction: column-reverse; } #story .flex.container { flex-direction: column !important; } #meet figure, #story figure { z-index: 10; } #meet article, #story article { max-width: 600px; margin-right: 0 !important; margin-left: 0 !important; padding-top: 50px; text-align: center; margin-top: -30px; }}@media (max-width: 600px) { #meet { padding-left: 10px; padding-right: 10px; } #meet article { padding-top: 60px; padding-left: 20px; padding-right: 20px; } #story .flex.container { padding: 30px 10px; } #story article { padding-left: 20px; padding-right: 20px; }}#nitro { background-image: url(assets/images/oxide-bg.webp); background-size: cover; padding: 60px 20px;}#nitro figure { margin-right: -40px; z-index: 10; position: relative;}#nitro figure img { border-radius: 10px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}#nitro article { max-width: 744px; width: 100%; padding: 60px 0; background-color: #fff; border: 7px solid #E56B61; border-radius: 15px;}#nitro .content { max-width: 560px; width: 100%; margin: 0 auto;}#nitro p { line-height: 1.4; margin: 15px auto 15px 0;}#nitro ul { background-color: #CBCBCB; -moz-column-count: 3; column-count: 3; padding: 15px 0;}#nitro ul li { margin-left: 0; margin-bottom: 0;}#nitro ul li:before { display: none;}@media (max-width: 1024px) { #nitro .flex.container { flex-direction: column; } #nitro figure { margin-right: 0 !important; } #nitro article { max-width: 100%; margin-top: -30px; padding: 60px 15px 40px; } #nitro h3 { margin: 0 auto 20px; } #nitro .content { text-align: center; }}@media (max-width: 600px) { #nitro ul { display: table; -moz-column-count: 1; column-count: 1; margin: 20px auto; padding: 20px 50px 20px 30px; }}#news { border-top: 1px solid #E56B61; border-bottom: 1px solid #E56B61; padding: 80px 20px;}#news h3 { margin-bottom: 30px;}#news .container { max-width: 1120px;}#news ul { display: flex; flex-wrap: wrap; gap: 10px 30px;}#news ul li { position: relative; width: 100%; max-width: calc(50% - 25px); margin: 0 10px 10px 0; padding: 0; box-shadow: 10px 10px 0 0 #E56B61; border-radius: 5px;}#news ul li p { margin: 0; line-height: 1.4; background-color: #F5F5F5; color: #000; padding: 10px 15px; margin-left: 0; font-style: italic; text-decoration: underline; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); position: relative; transition: all 0.3s; z-index: 5;}#news ul li a:hover p { color: #D54034;}#news ul li:before { display: none;}#news .btn { margin-top: 40px;}@media (max-width: 1140px) { #news { padding: 60px 20px; } #news h3 { margin: 0 auto 30px; } #news ul { flex-direction: column; align-items: center; } #news ul li { max-width: 450px; } #news .btn { margin: 30px auto 0; }}#legislation { padding: 80px 20px;}#legislation .flex.container { max-width: 1150px; gap: 20px; align-items: stretch;}#legislation .flex.container h3 { margin-bottom: 30px;}#legislation .flex.container > div { width: 50%;}#legislation .flex.container > div p { margin: 0 auto 20px; text-align: center;}#legislation .flex.container > div .content { padding: 30px 10px; background-color: #F5F5F5; border-radius: 10px; border: 1px solid #D0D0D0; height: 482px;}#legislation .flex.container > div .btn { margin: 20px 0 0;}#legislation .flex.container > div:last-of-type .content { display: flex; align-items: center;}@media (max-width: 1000px) { #legislation { padding: 60px 20px; } #legislation h3 { margin: 0 auto 30px; } #legislation .flex.container { flex-direction: column; align-items: center; gap: 50px; } #legislation .flex.container > div { width: 100%; max-width: 540px; } #legislation .flex.container > div .content { height: auto; }}#contact { background-image: url(assets/images/footer-bg.webp); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px 20px;}#contact h3 { margin: 0 auto 30px;}#contact .contact-form { max-width: 490px; width: 100%; margin: 0 auto; border: 2px solid #fff; border-radius: 10px; padding: 50px 15px 40px;}#contact .contact-form h3 { margin-bottom: 30px;}#contact .contact-form form input, #contact .contact-form form textarea { display: block; width: 100%; border: none; transition: 0.3s all;}#contact .contact-form form input:focus, #contact .contact-form form textarea:focus { outline: none; background-color: #f2f2f2; padding-left: 20px;}#contact .contact-form form input { padding: 10px 15px; margin-bottom: 5px;}#contact .contact-form form textarea { height: 120px; padding: 10px 15px;}#contact .contact-form form .btn-alt { display: table; margin: 50px auto 0; width: 105px;}footer .footer-line { height: 50px; width: 100%; background-image: url(assets/images/footer-line.webp); background-size: cover; background-position: center; background-repeat: no-repeat;}#copy { background-color: #D54034; font: 400 14px/1.5 dm-sans, sans-serif; color: #fff; padding: 40px 10px; text-align: center;}#copy .container { max-width: 1100px;}#copy span { margin: 0 10px;}#copy em { font-style: normal;}#copy .links a { color: #0f55a5;}#copy .links a:hover { color: #073a74;}#copy .tnt { padding-top: 2px;}#copy .icon-tnt { display: inline-block; vertical-align: middle; margin: 0 20px 3px -12px; font-size: 60px; line-height: 0;}@media (max-width: 1000px) { #copy { padding: 25px 10px; } #copy .flex.container { flex-direction: column; align-items: center; gap: 20px; }}.animated { animation-duration: 1s; animation-fill-mode: both;}.animated.infinite { animation-iteration-count: infinite;}.pulse { animation-name: pulse;}@keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); }}.fadeIn { animation-name: fadeIn;}@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; }}.fadeInDown { animation-name: fadeInDown;}@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; }}.fadeInLeft { animation-name: fadeInLeft;}@keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; }}.fadeInRight { animation-name: fadeInRight;}@keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; }}.fadeInUp { animation-name: fadeInUp;}@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; }}.fadeOut { animation-name: fadeOut;}@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; }}.zoomIn { animation-name: zoomIn;}@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}.slideInDown { animation-name: slideInDown;}@keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.slideInLeft { animation-name: slideInLeft;}@keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.slideInRight { animation-name: slideInRight;}@keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.slideInUp { animation-name: slideInUp;}@keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); }}.zoomIn { animation-name: zoomIn;}@keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; }}.heartbeat { animation: heartbeat 1.5s ease-in-out infinite both;}@keyframes heartbeat { from { transform: scale(1); transform-origin: center center; animation-timing-function: ease-out; } 10% { transform: scale(0.91); animation-timing-function: ease-in; } 17% { transform: scale(0.98); animation-timing-function: ease-out; } 33% { transform: scale(0.87); animation-timing-function: ease-in; } 45% { transform: scale(1); animation-timing-function: ease-out; }}.kenburns-top { animation: kenburns-top 3s ease-out both;}@keyframes kenburns-top { 0% { transform: scale(1.25) translateY(-15px); transform-origin: top; } 100% { transform: scale(1) translateY(0); transform-origin: 50% 16%; }}.rotating { animation: rotating 15s linear infinite;}@keyframes rotating { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}.floating { animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}@keyframes floating { 0% { transform: translate(0, 0px); } 50% { transform: translate(0, 15px); } 100% { transform: translate(0, 0px); }}