<!DOCTYPE html> <html lang="sv"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Inspirerad Illustration</title> <style> * { box-sizing: border-box; margin: 0; padding: 0; } body { display: flex; justify-content: center; align-items: center; min-height: 100vh; background-color: #718F5A; /* Den gröna väggfärgen */ font-family: 'Arial', sans-serif; } .canvas { position: relative; width: 400px; height: 500px; background-color: #718F5A; overflow: hidden; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); } /* Soffan i bakgrunden */ .sofa { position: absolute; bottom: 0; width: 100%; height: 200px; background-color: #4A3525; /* Brun färg */ border-top-left-radius: 40px; border-top-right-radius: 40px; z-index: 1; } /* Rosa tröja */ .sweater { position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); width: 320px; height: 220px; background-color: #F3D1DC; /* Ljusrosa färg */ border-radius: 120px 120px 0 0; z-index: 2; } /* Draghållaren/kragen på tröjan */ .zipper { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 12px; height: 70px; background-color: #833860; /* Mörklila dragkedja */ border-radius: 0 0 5px 5px; } /* Kepsen */ .cap-container { position: absolute; top: 120px; left: 50%; transform: translateX(-50%); width: 220px; z-index: 3; } .cap-crown { width: 180px; height: 120px; background-color: #1A1A1A; /* Svart keps */ border-radius: 90px 90px 20px 20px; margin: 0 Ver más