Exceptional Shop: Because Who Needs Ordinary?

Where the Exceptional Come to Shop

Our Exceptional Products:

Buy Exceptional Coffee Now!
body { background: url(/background.jpg); font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #000; text-align: center; padding: 20px 40px; } .content { background: #fff; width: 600px; border: 4px solid #000; padding: 20px 20px 20px 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .tagline { background: #f00; padding: 10px 20px 10px 20px; font-size: 24px; font-weight: bold; letter-spacing: 0.5px; text-align: center; line-height: 1.2; text-transform: uppercase; border: 4px solid #000; border-radius: 5px 10px 5px 10px; } .product { padding: 20px 0 0 0; margin: 20px 0 0 0; } h1 { color: #f00; font-size: 36px; font-weight: normal; letter-spacing: 0.5px; text-align: center; line-height: 1.2; border: 4px solid #000; border-bottom: none; padding: 0 0 20px 0; margin: 20px 0 0 0; } h2 { color: #0f0; font-size: 24px; font-weight: normal; letter-spacing: 0.5px; text-align: left; line-height: 1.2; border: 4px solid #000; border-bottom: none; padding: 0 0 20px 0; margin: 20px 0 0 0; } button { background: #f00; color: #fff; padding: 10px 20px 10px 20px; border: 4px solid #000; border-radius: 5px 10px 5px 10px; text-transform: uppercase; letter-spacing: 0.5px; font-size: 18px; font-weight: bold; cursor: pointer; transition: background 0.3s ease; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); } button:hover { background: #f00; box-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } a { text-decoration: none; color: #000; font-size: 18px; font-weight: normal; letter-spacing: 0.5px; text-align: center; line-height: 1.2; transition: color 0.3s ease; } a:hover { color: #000; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } ul { list-style: none; padding: 0; margin: 0; list-style-position: inside; } li { padding: 0 20px 0 0; margin: 0 0 10px 0; } li a { color: #000; font-size: 18px; font-weight: normal; letter-spacing: 0.5px; text-align: center; line-height: 1.2; transition: color 0.3s ease; } li a:hover { color: #000; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); } @media screen and (max-width: 600px) { .content { width: 90%; } }