Get in touch with Sonic the Hedgehog!
Contact Information:

Sonic's Email:

Sonic's Phone Number:

555-555-5555

Sonic's Address:

123 Green Hill Zone, USA

More Ways to Connect:

/*sonic-helmet.css*/ body { background-image: linear-gradient(90deg, #FF0000, #00FF00); font-family: 'Sonic', sans-serif; margin: 0; padding: 0; border: 4px solid #000000; box-shadow: 0 0 10px #000000; } .title { font-size: 24px; font-weight: bold; color: #FF0000; border: 4px solid #000000; padding: 10px 10px 10px 10px; border-radius: 5px; box-shadow: 0 0 10px #000000; background: #00FF00; text-shadow: 0 0 10px #000000; text-align: center; width: 100%; position: relative; top: 20px; left: 20px; right: 20px; z-index: 1; } .subheading { font-size: 18px; font-weight: bold; color: #000000; border: 2px solid #000000; padding: 5px 5px 5px 5px; margin: 5px 0; text-align: left; } .info { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; grid-template-columns: 1fr 1fr; width: 100%; padding: 10px; border: 4px solid #000000; box-shadow: 0 0 10px #000000; background: #FF0000; background-image: linear-gradient(90deg, #FF0000, #00FF00); } .item { grid-column: 1; padding: 10px; border: 2px solid #000000; background: #00FF00; background-image: linear-gradient(90deg, #00FF00, #FF0000); margin: 10px 10px 10px 10px; } .item a { text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 18px; padding: 5px 10px 5px 10px; border: 2px solid #000000; background: #00FF00; background-image: linear-gradient(90deg, #00FF00, #FF0000); border-radius: 10px; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } .item a:hover { background: #FF0000; background-image: linear-gradient(90deg, #FF0000, #00FF00); color: #00FF00; text-shadow: 0 0 10px #000000; } .links { background: #000000; padding: 10px 10px 10px 10px; border: 4px solid #000000; box-shadow: 0 0 10px #000000; margin: 10px 10px 10px 10px; } .links ul { list-style: none; list-style-position: inside; padding: 0; margin: 0; border: none; background: #000000; border: 4px solid #000000; box-shadow: 0 0 10px #000000; } .links li { display: inline-block; margin: 0 10px 0 10px; padding: 5px 10px 5px 10px; border: 4px solid #000000; background: #00FF00; background-image: linear-gradient(90deg, #00FF00, #FF0000); border-radius: 10px; } .links li a { color: #FFFFFF; font-weight: bold; font-size: 18px; border: 2px solid #000000; background: #FF0000; background-image: linear-gradient(90deg, #FF0000, #00FF00); text-decoration: none; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } .links li a:hover { background: #00FF00; background-image: linear-gradient(90deg, #00FF00, #FF0000); color: #000000; text-shadow: 0 0 10px #000000; } @media only screen and (min-width: 768px) { .links li { display: inline-block; } }