body { background-color: #0f2a25; margin: 0; overflow: hidden; } #title { background-color: #333; padding-left: 10px; padding-right: 10px; } @keyframes fadeItIn { 0% { opacity: 0; } 100% { opacity: 1; } } svg { position: fixed; top: 5%; left: 5%; margin: 0; width: 90%; height: 90%; opacity: 1; animation-name: fadeItIn; animation-iteration-count: 1; animation-timing-function: ease-out; animation-duration: 5s; overflow: visible; } div { opacity: 1; animation-name: fadeItIn; animation-iteration-count: 1; animation-timing-function: ease-out; animation-duration: 10s; } a:link { color: #2aff80; } .text { font-style: normal; font-variant: normal; font-weight: bold; font-stretch: normal; font-family: 'Courier New', Courier, monospace; fill: #2aff80; color: rgb(94, 234, 212); text-align: center; text-align: center; position: fixed; right: 0; width: 100%; font-size: 36px; /* font-size: 20px; line-height: 25px;*/ } .bottom { bottom: 40px; } .top { top: 10px; } #tspan3338 { font-size: 7.8em; } /*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #tspan3338 { font-size: 7.5em; } }*/