{} *{} /*endBaseStyles*/ #IE-warning { display: none; position: fixed; width: 100%; height: 100%; z-index: 9999; background: white; } .IE-warning-message { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; } body { font-family: 'Comic Sans MS', cursive, sans-serif; margin: 0; padding: 0; background: linear-gradient(to bottom, #f9f9f9, #FFF8DC); color: #333; } header { background: linear-gradient(135deg, #8B4513, #D2691E); color: white; padding: 30px 20px; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 20px; max-width: 1200px; margin: 0 auto; border-bottom: 8px solid #FFD700; box-shadow: 0 10px 20px rgba(0,0,0,0.2); } .header-left { text-align: center; } .header-image { max-width: 100%; height: auto; border-radius: 50%; border: 8px solid #FFF; box-shadow: 0 8px 16px rgba(0,0,0,0.4); transition: transform 0.3s; } .header-image:hover { transform: scale(1.1) rotate(5deg); } .header-right { text-align: left; padding-left: 20px; } .site-title { font-size: 3.5em; font-weight: bold; margin: 0 0 8px 0; text-shadow: 4px 4px 8px rgba(0,0,0,0.6); line-height: 1; letter-spacing: -1px; } .tagline { font-size: 1.8em; font-weight: bold; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); color: #FFD700; font-style: italic; } main { max-width: 1200px; margin: 0 auto; padding: 30px 20px; } /* WELCOME SECTION - HILARIOUS & SEO-STUFFED */ .welcome { background: #FFFACD; border: 6px dashed #D2691E; border-radius: 25px; padding: 40px; margin-bottom: 50px; text-align: center; box-shadow: 0 10px 25px rgba(210, 105, 30, 0.3); font-size: 1.3em; line-height: 1.8; } .welcome h2 { font-size: 3em; color: #8B4513; margin: 0 0 25px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); } .welcome p { margin: 18px 0; max-width: 900px; margin-left: auto; margin-right: auto; } .welcome .highlight { background: #FFD700; color: #8B4513; padding: 4px 10px; border-radius: 15px; font-weight: bold; font-style: italic; } .products { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; } .product { background: white; border-radius: 15px; padding: 20px; text-align: center; box-shadow: 0 6px 15px rgba(0,0,0,0.1); transition: all 0.3s; border: 3px solid #EEE; } .product:hover { transform: translateY(-10px) scale(1.03); border-color: #D2691E; box-shadow: 0 15px 30px rgba(210, 105, 30, 0.2); } .product img { width: 100%; height: 220px; object-fit: cover; border-radius: 12px; margin-bottom: 15px; border: 3px solid #FFD700; } .product h3 { color: #8B4513; margin: 12px 0; font-size: 1.4em; } .product p { font-style: italic; margin: 12px 0; line-height: 1.5; color: #555; } .price { font-size: 1.8em; font-weight: bold; color: #D2691E; margin: 10px 0; } .add-to-cart { background: #228B22; color: white; border: none; padding: 12px 25px; border-radius: 30px; cursor: pointer; font-size: 1.1em; font-weight: bold; margin-top: 10px; transition: 0.3s; box-shadow: 0 4px 8px rgba(0,0,0,0.2); } .add-to-cart:hover { background: #32CD32; transform: scale(1.1); } .about-scotty { background: #FFF8DC; border-radius: 20px; padding: 40px; margin: 60px 0; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); border: 4px solid #D2691E; } .about-scotty h2 { color: #8B4513; font-size: 2.8em; margin-bottom: 25px; } .about-scotty p { font-size: 1.15em; line-height: 1.7; max-width: 800px; margin: 0 auto 22px; } .about-scotty img { max-width: 220px; border-radius: 50%; margin: 25px auto; display: block; border: 6px solid #8B4513; box-shadow: 0 6px 15px rgba(0,0,0,0.2); } footer { background: #8B4513; color: white; text-align: center; padding: 25px; margin-top: 60px; font-size: 1em; } @media (max-width: 768px) { header { grid-template-columns: 1fr; text-align: center; } .header-right { padding-left: 0; } .site-title { font-size: 2.8em; } .tagline { font-size: 1.4em; } .welcome h2 { font-size: 2.2em; } } /* === IE DETECTION & BLOCK === */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body::before { content: "Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge."; display: block; text-align: center; font-size: 1.5em; color: #D2691E; padding: 50px; background: #FFF8DC; font-family: Arial, sans-serif; } body > * { display: none !important; } } /* === GLOBAL STYLES === */ body { font-family: 'Comic Sans MS', cursive, sans-serif; margin: 0; padding: 0; background: linear-gradient(to bottom, #f9f9f9, #FFF8DC); color: #333; } /* === HEADER: 2-COLUMN, STABLE, RESPONSIVE === */ header { background: linear-gradient(135deg, #8B4513, #D2691E); color: white; padding: 30px 20px; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 20px; max-width: 1200px; margin: 0 auto; border-bottom: 8px solid #FFD700; box-shadow: 0 10px 20px rgba(0,0,0,0.2); min-height: 220px; transition: none; } .header-left { text-align: center; } .header-image { width: 250px; height: 250px; object-fit: cover; border-radius: 50%; border: 8px solid #FFF; box-shadow:2.8sInterruptedput it together with the information on the site now, all the images are updatedhtml<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Scotty Ds Nuts | Best Roasted Nuts in Your Mouth | Premium Salted, Buttery, Crunchy Nuts Online</title> <meta name="description" content="Scotty Ds Nuts: The #1 online destination for premium roasted nuts that are hot, salty, and dangerously addictive. Get perfectly roasted almonds, cashews, peanuts, and more delivered fresh. You won’t believe how good Scotty’s nuts taste in your mouth. Order now and go nuts!"> <meta name="keywords" content="Scotty Ds Nuts, roasted nuts, best nuts online, salted nuts, premium roasted almonds, roasted cashews, crunchy peanuts, buttery pecans, luxury macadamias, pistachios in shell, hazelnuts roasted, nut delivery, fresh roasted nuts, nuts in mouth, nut puns, buy nuts online, gourmet nuts, flavored roasted nuts, gift nuts, party nuts, snack nuts, healthy nuts, low-carb nuts, keto nuts, go nuts"> <meta name="robots" content="index, follow"> <meta property="og:title" content="Scotty Ds Nuts - You Can't Wait to Have These Nuts in Your Mouth"> <meta property="og:description" content="Freshly roasted, perfectly salted, dangerously addictive. Scotty Ds Nuts: The only nuts guaranteed to make you moan with pleasure."> <meta property="og:image" content="https://images.unsplash.com/photo-1582441550102-8d31b2d6b15e?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&q=80"> <meta property="og:url" content="https://www.scottydsnuts.com"> <meta property="og:type" content="website"> <link rel="canonical" href="https://www.scottydsnuts.com"> <style> /* === IE DETECTION & BLOCK === */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { body::before { content: "Oops! Sorry!! This site doesn't support Internet Explorer. Please use a modern browser like Chrome, Firefox or Edge."; display: block; text-align: center; font-size: 1.5em; color: #D2691E; padding: 50px; background: #FFF8DC; font-family: Arial, sans-serif; } body > * { display: none !important; } } /* === GLOBAL STYLES === */ body { font-family: 'Comic Sans MS', cursive, sans-serif; margin: 0; padding: 0; background: linear-gradient(to bottom, #f9f9f9, #FFF8DC); color: #333; } /* === HEADER: 2-COLUMN, STABLE, RESPONSIVE === */ header { background: linear-gradient(135deg, #8B4513, #D2691E); color: white; padding: 30px 20px; display: grid; grid-template-columns: 1fr 2fr; align-items: center; gap: 20px; max-width: 1200px; margin: 0 auto; border-bottom: 8px solid #FFD700; box-shadow: 0 10px 20px rgba(0,0,0,0.2); min-height: 220px; transition: none; } .header-left { text-align: center; } .header-image { width: 250px; height: 250px; object-fit: cover; border-radius: 50%; border: 8px solid #FFF; box-shadow: 0 8px 16px rgba(0,0,0,0.4); transition: transform 0.3s; } .header-image:hover { transform: scale(1.1) rotate(5deg); } .header-right { text-align: left; padding-left: 20px; } .site-title { font-size: 3.5em; font-weight: bold; margin: 0 0 8px 0; text-shadow: 4px 4px 8px rgba(0,0,0,0.6); line-height: 1; letter-spacing: -1px; } .tagline { font-size: 1.8em; font-weight: bold; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); color: #FFD700; font-style: italic; } main { max-width: 1200px; margin: 0 auto; padding: 30px 20px; } /* === WELCOME SECTION === */ .welcome { background: #FFFACD; border: 6px dashed #D2691E; border-radius: 25px; padding: 40px; margin-bottom: 50px; text-align: center; box-shadow: 0 10px 25px rgba(210, 105, 30, 0.3); font-size: 1.3em; line-height: 1.8; } .welcome h2 { font-size: 3em; color: #8B4513; margin: 0 0 25px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.2); } .welcome p { margin: 18px 0; max-width: 900px; margin-left: auto; margin-right: auto; } .welcome .highlight { background: #FFD700; color: #8B4513; padding: 4px 10px; border-radius: 15px; font-weight: bold; font-style: italic; } /* === PRODUCTS GRID === */ .products { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; } .product { background: white; border-radius: 15px; padding: 20px; text-align: center; box-shadow: 0 6px 15px rgba(0,0,0,0.1); transition: all 0.3s; border: 3px solid #EEE; } .product:hover { transform: translateY(-10px) scale(1.03); border-color: #D2691E; box-shadow: 0 15px 30px rgba(210, 105, 30, 0.2); } .product img { width: 100%; height: 220px; object-fit: cover; border-radius: 12px; margin-bottom: 15px; border: 3px solid #FFD700; } .product h3 { color: #8B4513; margin: 12px 0; font-size: 1.4em; } .product p { font-style: italic; margin: 12px 0; line-height: 1.5; color: #555; } .price { font-size: 1.8em; font-weight: bold; color: #D2691E; margin: 10px 0; } .add-to-cart { background: #228B22; color: white; border: none; padding: 12px 25px; border-radius: 30px; cursor: pointer; font-size: 1.1em; font-weight: bold; margin-top: 10px; transition: 0.3s; box-shadow: 0 4px 8px rgba(0,0,0,0.2); } .add-to-cart:hover { background: #32CD32; transform: scale(1.1); } /* === ABOUT SCOTTY SECTION === */ .about-scotty { background: #FFF8DC; border-radius: 20px; padding: 40px; margin: 60px 0; text-align: center; box-shadow: 0 8px 20px rgba(0,0,0,0.1); border: 4px solid #D2691E; } .about-scotty h2 { color: #8B4513; font-size: 2.8em; margin-bottom: 25px; } .about-scotty p { font-size: 1.15em; line-height: 1.7; max-width: 800px; margin: 0 auto 22px; } .about-scotty img { max-width: 220px; border-radius: 50%; margin: 25px auto; display: block; border: 6px solid #8B4513; box-shadow: 0 6px 15px rgba(0,0,0,0.2); } footer { background: #8B4513; color: white; text-align: center; padding: 25px; margin-top: 60px; font-size: 1em; } /* === RESPONSIVE === */ @media (max-width: 768px) { header { grid-template-columns: 1fr; text-align: center; gap: 10px; min-height: auto; } .header-right { padding-left: 0; } .site-title { font-size: 2.8em; } .tagline { font-size: 1.4em; } .welcome h2 { font-size: 2.2em; } .header-image { width: 200px; height: 200px; } }