*{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}.sns-icons h6{color:#fff;font-size:.8rem;margin-top:.5rem;text-align:center}.skills-zone{margin:2rem;padding:2rem;border-radius:10px;box-shadow:0 4px 8px #0003;justify-content:left}.timeline{position:relative;max-width:600px;margin:0 auto;padding:20px 0}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:#fff}.timeline-item{position:relative;margin-bottom:20px;padding-left:60px}.timeline-marker{position:absolute;left:20px;top:0;width:20px;height:20px;background:#fff;border-radius:50%;border:2px solid #000}.timeline-content h3{margin:0 0 10px;color:#fff}.timeline-content p{margin:0;color:#ccc}