@font-face{font-family:f11;src:url(Prague_Metronome_Hairline.otf)}
html,body{margin:0px;padding:0px;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}
p{margin:0;background:lightyellow-}
p:nth-child(1){font-size:8vw;font-family:f11;text-shadow:0 2.8px 2.2px rgba(0, 0, 0, 0.034),0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06),0 22.3px 17.9px rgba(0, 0, 0, 0.072);animation:dobog 3s linear}
p:nth-child(2){font-size:1vw;font-style:italic;color:#999}
/* @keyframes dobog{0%{transform:scale(1)}20%{transform:scale(1);color:yellow}40%{transform:scale(1.9);color:orenge}60%{transform:scale(1.2);color:red}80%{transform:scale(1.9);color:yellow}80%{transform:scale(2.6);color:orenge}} */
@keyframes dobog{0%{font-size:8vw}20%{font-size:10vw;color:yellow}40%{font-size:12vw;color:orenge}60%{font-size:14vw;color:red}160%{font-size:18vw;color:yellow}80%{font-size:20vw;color:orenge}}
a[href^="mailto:"]{display:inline;font-weight:900}