*{margin:0;padding:0;box-sizing:border-box}body{background:#000;background:linear-gradient(143deg,#000 50%,#b80000);margin:0;padding:0}.app-container{background:#000;background:linear-gradient(143deg,#000 50%,#b80000);text-align:center;color:#fff}.hero{display:flex;justify-content:center;align-items:center;height:100vh;color:#fff;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:.5rem}.hero-content h2{font-size:1.5rem;margin-bottom:1rem}.hero-content p{font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons button{background:#fff;color:#667eea;border:none;padding:.75rem 1.5rem;margin:0 .5rem;border-radius:5px;cursor:pointer;font-size:1rem}.hero-buttons button:hover{background:#f0f0f0}.profile-image{width:200px;height:200px;border-radius:50%;margin-bottom:1rem}.sns-icons{color:#fff;font-size:3rem;display:flex;justify-content:center;gap:1.5rem}.sns-icons a:hover{color:red}.skills-zone{margin:2rem;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0003;justify-content:left}