css /* Neocore Style.css */ /* Color Schemes */ body { background-color: #ff00ff; /* Hot magenta */ color: #000; /* Black as night */ font-family: 'Futura', Arial, sans-serif; line-height: 2; margin: 0; padding: 0; } /* Text Styles */ h1 { font-size: 24px; font-weight: bold; text-shadow: 2px 2px 10px black; border-bottom: 4px solid black; } h2 { font-size: 18px; font-weight: bold; text-shadow: 1px 1px 5px black; border-bottom: 4px solid black; color: #ff00ff; } p { font-size: 18px; line-height: 1.8; margin: 0; padding: 0; } a { text-decoration: none; color: #000; border-bottom: 4px solid black; text-shadow: 1px 1px 5px black; transition: color 0.2s ease-in-out; } a:hover { background-color: #000; color: #ff00ff; transition: background-color 0.2s ease-in-out; } /* Links */ #links { list-style: none; padding: 0; margin: 0; text-align: center; } #links a { display: inline-block; margin: 10px 10px 10px 10px; font-weight: bold; text-decoration: none; text-shadow: 1px 1px 5px black; border-bottom: 4px solid black; transition: color 0.2s ease-in-out; } /* Button */ button { font-family: 'Futura', Arial, sans-serif; font-size: 18px; padding: 5px 10px 5px 10px; border: none; border-radius: 4px; background-color: #fff; color: #000; text-shadow: 1px 1px 5px black; cursor: pointer; transition: background-color 0.2s ease-in-out; } button:hover { background-color: #000; color: #fff; transition: background-color 0.2s ease-in-out; } /* Shadows */ body { box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black; -moz-box-shadow: 0px 0px 10px black; box-sizing: border-box; } /* Responsive */ @media screen and (max-width: 768px) { #links { margin-bottom: 10px; } #links a { margin: 0 10px 0 0; } h1 { font-size: 18px; } p { font-size: 14px; } button { font-size: 14px; } }