body { font-family: 'Noto Serif', serif; font-size:15em; text-align: center; } p{ color: #FABA75; font-size: 60%; } h2 { color: #2D2D4E ; font-size: 0.6em; } h3{ color: #d00000; font-size: 35pt; } h4{ color: #2D2D4E ; font-size: 0.2em; } h5{ color: black; font-size: 60%; padding-left: 20%; padding-right: 20%; } nav{ background-color: #2D2D4E; font-size:0.08em; overflow: hidden; display: flex; justify-content: space-around; content-visibility: flex-end; } nav ul{ list-style-type: none; } nav li{ display: inline; padding: 50px; } nav li a { color: #FABA75 ; text-decoration: none; } nav li a:hover{ color: #2D2D4E ; background-color: #FABA75; } footer{ background-color: #e5e5e5; font-size:15pt; overflow: hidden; } table{ width: 100%; background-color: #dee2e6; color: #d00000; margin-left: auto; margin-right: auto; } th, td { height: 150px; font-size: 30pt; padding: 15px; text-align: center; } .space img { margin-top: 150px; } .testosfondo{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000; } .bottone{ border: none; color: white; padding: 32px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; background-color: #d00000; } button:hover{ background-color: ; } .classico img{ width: 25%; align-items: center; margin-top: 90px; } .wrapper { display: flex; align-items: center; justify-content: center; margin-bottom: 200px; margin-top:100px; } .typing-demo { width: 10ch; animation: typing 2s steps(10), blink .5s step-end infinite alternate; white-space: nowrap; overflow: hidden; border-right: 3px solid; font-family: monospace; font-size: 0.3em; } @keyframes typing { from { width: 0 } } @keyframes blink { 50% { border-color: transparent } }
body { font-family: 'Noto Serif', serif; font-size:15em; text-align: center; } p{ color: #FABA75; font-size: 60%; } h2 { color: #2D2D4E ; font-size: 0.6em; } h3{ color: #d00000; font-size: 35pt; } h4{ color: #2D2D4E ; font-size: 0.2em; } h5{ color: black; font-size: 60%; padding-left: 20%; padding-right: 20%; } nav{ background-color: #2D2D4E; font-size:0.08em; overflow: hidden; display: flex; justify-content: space-around; content-visibility: flex-end; } nav ul{ list-style-type: none; } nav li{ display: inline; padding: 50px; } nav li a { color: #FABA75 ; text-decoration: none; } nav li a:hover{ color: #2D2D4E ; background-color: #FABA75; } footer{ background-color: #e5e5e5; font-size:15pt; overflow: hidden; } table{ width: 100%; background-color: #dee2e6; color: #d00000; margin-left: auto; margin-right: auto; } th, td { height: 150px; font-size: 30pt; padding: 15px; text-align: center; } .space img { margin-top: 150px; } .testosfondo{ text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: -2px 0 #000000, 0 2px #000000, 2px 0 #000000, 0 -2px #000000; } .bottone{ border: none; color: white; padding: 32px 16px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; background-color: #d00000; } button:hover{ background-color: ; } .classico img{ width: 25%; align-items: center; margin-top: 90px; } .wrapper { display: flex; align-items: center; justify-content: center; margin-bottom: 200px; margin-top:100px; } .typing-demo { width: 10ch; animation: typing 2s steps(10), blink .5s step-end infinite alternate; white-space: nowrap; overflow: hidden; border-right: 3px solid; font-family: monospace; font-size: 0.3em; } @keyframes typing { from { width: 0 } } @keyframes blink { 50% { border-color: transparent } }
FantaKiko