body{font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;background-color:#f0f2f5;color:#333;line-height:1.6;margin:0;padding:20px}h1{color:#0056b3;border-bottom:2px solid #0056b3;padding-bottom:10px}h2{color:#444;margin-top:30px}p{margin-bottom:15px}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}pre{border-radius:5px;box-shadow:0 2px 5px #0000001a}.skills-container{margin:20px 0;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;max-width:600px}.skills-container h3{margin-top:0;margin-bottom:15px;font-size:1.1em;color:#555;border-bottom:1px solid #eee;padding-bottom:5px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:6px 14px;border-radius:20px;font-size:.9em;font-weight:700;color:#333;background-color:#eee;transition:transform .2s}.tag:hover{transform:translateY(-2px)}.tag.python{background-color:#e3f2fd;color:#1565c0}.tag.kotlin{background-color:#f3e5f5;color:#7b1fa2}.tag.java{background-color:#fff3e0;color:#ef6c00}.tag.cpp{background-color:#e1f5fe;color:#0277bd}.tag.html{background-color:#fff3e0;color:#e65100}.tag.css{background-color:#f3e5f5;color:#7b1fa2}.tag.js{background-color:#fffde7;color:#fbc02d}.tag.go{background-color:#e0f7fa;color:#006064}.tag.git{background-color:#ffebee;color:#c62828}.count-button{background-color:#007bff;color:#fff;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s}.count-button:hover{background-color:#0056b3}.count-button:active{transform:scale(.96)}.intro{color:#555;font-weight:700;background-color:#fff;padding:15px;border-left:5px solid #0056b3}.counter-window{display:inline-block;position:relative;height:30px;min-width:40px;padding:0 10px;overflow:hidden;vertical-align:middle;text-align:center;background-color:#f8f9fa;border-radius:4px;border:1px solid #ddd;line-height:30px;transition:width .2s}.digit{position:absolute;width:100%;height:100%;left:0;top:0;font-weight:700;color:#007bff;display:flex;align-items:center;justify-content:center}.digit.slide-in{animation:slideIn .3s forwards}.digit.slide-out{animation:slideOut .3s forwards}@keyframes slideIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}
