body { font-size: 3em; background-color: #2c2c2c; font-family: "Roboto", sans-serif; margin: auto; margin-top: 30vh; } h1 { color: #229100; text-align: center; } body::-webkit-scrollbar { width: 0; } body::-webkit-scrollbar- { width: 0; } /* ---------------------------------------------- * Generated by Animista on 2020-12-31 16:52:43 * Licensed under FreeBSD License. * See http://animista.net/license for more info. * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation text-pop-up-top * ---------------------------------------- */ @-webkit-keyframes text-pop-up-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; } 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #229100, 0 2px 0 #229100, 0 3px 0 #229100, 0 4px 0 #229100, 0 5px 0 #229100, 0 6px 0 #229100, 0 7px 0 #229100, 0 8px 0 #229100, 0 9px 0 #229100, 0 50px 30px rgba(0, 0, 0, 0.3); } } @keyframes text-pop-up-top { 0% { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: none; } 100% { -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; text-shadow: 0 1px 0 #229100, 0 2px 0 #229100, 0 3px 0 #229100, 0 4px 0 #229100, 0 5px 0 #229100, 0 6px 0 #229100, 0 7px 0 #229100, 0 8px 0 #229100, 0 9px 0 #229100, 0 50px 30px rgba(0, 0, 0, 0.3); } } .text-pop-up-top { -webkit-animation: text-pop-up-top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; animation: text-pop-up-top 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } iframe{ margin: auto; width: 100%; border: 0; }