@import"https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap";:root{--black: #0C0A09;--border: #1C1917;--white: #DDDDDD;--green: #5AC517;--red: #C51717}body{color:var(--white);background:var(--black);line-height:1.6;font-family:Zen Maru Gothic,sans-serif;font-size:20px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;align-items:center;max-width:80%;margin:0 auto}@media (max-width: 768px){#app{max-width:100%}}.basic[data-v-01b34ee4]{margin-top:100px;border-radius:24px;border:5px solid var(--border);width:100%;height:50%;padding:50px;margin-bottom:50px}.basic[data-v-01b34ee4] .payziii[data-v-01b34ee4]{font-weight:700;color:var(--green);text-shadow:0 0 50px rgba(60,255,0,1)}.basic[data-v-01b34ee4] .nickname[data-v-01b34ee4]{display:flex;align-items:center;flex-direction:row;gap:40px}.basic[data-v-01b34ee4] .nickname[data-v-01b34ee4] .avatar[data-v-01b34ee4]{width:100px;height:100px;border-radius:50%;box-shadow:0 0 15px 5px #ffffffb3}.basic[data-v-01b34ee4] .nickname[data-v-01b34ee4] h1[data-v-01b34ee4]{font-size:2.5rem;font-weight:500}.basic[data-v-01b34ee4] h2[data-v-01b34ee4]{font-size:1.5rem;font-weight:400}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4]{display:flex;flex-direction:row;gap:24px}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn[data-v-01b34ee4]{display:flex;align-items:center;text-decoration:none;padding-left:12px;padding-right:12px;gap:10px;border-radius:12px;border:2px solid var(--border);color:var(--white);transition:all .3s ease}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn img[data-v-01b34ee4]{width:1.8rem;height:1.8rem}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn p[data-v-01b34ee4]{line-height:0;font-size:1.5rem}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn[data-v-01b34ee4]:hover{background-color:#252525}.subcards[data-v-01b34ee4]{display:flex;width:100%;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:20px}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4]{padding:20px;min-width:400px;border-radius:12px;border:3px solid var(--border);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:5px 30px}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] img[data-v-01b34ee4]{width:100px;height:100px;flex-shrink:0;object-fit:cover}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] .text-content[data-v-01b34ee4]{display:flex;flex-direction:column;justify-content:center;text-align:center;min-width:0}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] .text-content h1[data-v-01b34ee4]{font-size:2.5rem;font-weight:800;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] .text-content p[data-v-01b34ee4]{font-size:1.5rem;font-weight:400;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll[data-v-01b34ee4]{display:flex;align-items:center;justify-content:center;text-decoration:none;padding-left:12px;padding-right:12px;gap:10px;color:var(--white);margin-top:70px}.scroll[data-v-01b34ee4] img[data-v-01b34ee4]{width:2.8rem;height:2.8rem}.scroll[data-v-01b34ee4] p[data-v-01b34ee4]{line-height:0;font-size:1.8rem;font-weight:500}.big-cards[data-v-01b34ee4]{display:flex;flex-direction:row;min-width:80%;margin:0 auto;gap:5%}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4]{margin-top:50px;border-radius:24px;border:5px solid var(--border);width:35%;padding:50px;margin-bottom:50px;text-align:center}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4] p[data-v-01b34ee4]{font-size:2rem;font-weight:500;margin-top:-10px;color:var(--white);font-weight:700}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4] .images[data-v-01b34ee4]{display:flex;flex-direction:row;justify-content:space-between}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4] .images[data-v-01b34ee4] img[data-v-01b34ee4]{transition:all .3s ease}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4] .images[data-v-01b34ee4] img[data-v-01b34ee4]:hover{scale:1.1}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4] .block[data-v-01b34ee4]:not(:first-child){margin-top:50px}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4]{margin-top:50px;border-radius:24px;border:5px solid var(--border);width:35%;padding:50px;margin-bottom:50px;display:flex;flex-direction:column}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .pr-list[data-v-01b34ee4]{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-between;align-content:flex-start}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .project[data-v-01b34ee4]{transition:all .3s ease}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .project[data-v-01b34ee4] p[data-v-01b34ee4]{margin-top:-10px;font-weight:500}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .project[data-v-01b34ee4]:hover{scale:1.1}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .all[data-v-01b34ee4]{align-self:flex-end;text-align:center;width:60%;padding-top:5px;padding-bottom:10px;margin:auto auto 0;cursor:pointer;border:2px solid var(--border);border-radius:14px}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .all[data-v-01b34ee4]:hover{background-color:#252525}@media (max-width: 768px){.basic[data-v-01b34ee4]{margin-top:10px;width:85%;padding:20px;border:3px solid var(--border);margin-bottom:20px}.basic[data-v-01b34ee4] .nickname[data-v-01b34ee4]{gap:20px}.basic[data-v-01b34ee4] .nickname[data-v-01b34ee4] .avatar[data-v-01b34ee4]{width:50px;height:50px}.basic[data-v-01b34ee4] .nickname[data-v-01b34ee4] h1[data-v-01b34ee4]{font-size:1.5rem}.basic[data-v-01b34ee4] h2[data-v-01b34ee4]{font-size:.9rem}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4]{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn[data-v-01b34ee4]{padding-left:6px;padding-right:6px;gap:10px;border:1px solid var(--border)}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn img[data-v-01b34ee4]{width:1rem;height:1rem}.basic[data-v-01b34ee4] .btns[data-v-01b34ee4] .btn p[data-v-01b34ee4]{line-height:0;font-size:.9rem}.subcards[data-v-01b34ee4]{gap:12px}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4]{min-width:92%;padding:10px;border:1.5px solid var(--border);gap:5px 15px}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] img[data-v-01b34ee4]{width:50px;height:50px}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] .text-content h1[data-v-01b34ee4]{font-size:1.5rem}.subcards[data-v-01b34ee4] .card[data-v-01b34ee4] .text-content p[data-v-01b34ee4]{font-size:.9rem}.scroll[data-v-01b34ee4]{margin-top:40px}.scroll[data-v-01b34ee4] img[data-v-01b34ee4]{width:1.8rem;height:1.8rem}.scroll[data-v-01b34ee4] p[data-v-01b34ee4]{font-size:1rem}.big-cards[data-v-01b34ee4]{flex-wrap:wrap;width:100%}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4]{border:3px solid var(--border);width:85%;padding:20px;margin-bottom:0}.big-cards[data-v-01b34ee4] .skills[data-v-01b34ee4] p[data-v-01b34ee4]{font-size:1rem}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4]{border:3px solid var(--border);width:85%;padding:20px;margin-bottom:0}.big-cards[data-v-01b34ee4] .projects[data-v-01b34ee4] .all[data-v-01b34ee4]{border:1px solid var(--border)}}.nf{width:100%;height:90vh;display:flex;justify-content:center;align-items:center}.notfound{margin-top:100px;border-radius:24px;border:5px solid var(--border);width:60%;padding:50px;margin-bottom:50px;text-align:center;opacity:1;transition:opacity .5s ease-out}.notfound h1{font-size:2.5rem;font-weight:700;color:var(--red);text-shadow:0 0 50px #ff0000}.notfound p{font-size:1.3rem;margin-top:-20px;font-weight:500}@media (max-width: 768px){.notfound{width:80%;padding:20px;border:3px solid var(--border)}.notfound h1{font-size:1.5rem}.notfound p{font-size:.9rem}}.plist[data-v-10e337a3]{margin-top:50px;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.project[data-v-10e337a3]{border-radius:24px;border:3px solid var(--border);width:40%;padding:30px;display:flex;flex-direction:column}.project[data-v-10e337a3] .nickname[data-v-10e337a3]{display:flex;align-items:center;gap:20px;margin-bottom:20px}.project[data-v-10e337a3] .nickname[data-v-10e337a3] .avatar[data-v-10e337a3]{width:60px;height:60px;border-radius:50%;box-shadow:0 0 15px 5px var(--shadow-color, rgba(255, 255, 255, .7))}.project[data-v-10e337a3] .nickname[data-v-10e337a3] h1[data-v-10e337a3]{font-size:2rem;font-weight:600;margin:0}.project[data-v-10e337a3] .nickname[data-v-10e337a3] .status-icon[data-v-10e337a3]{width:20px;height:20px;object-fit:contain;transform:translateY(4px)}.project[data-v-10e337a3] .description[data-v-10e337a3]{font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:30px}.project[data-v-10e337a3] [data-v-10e337a3] .green{color:var(--green)}.project[data-v-10e337a3] [data-v-10e337a3] .red{color:var(--red)}.project[data-v-10e337a3] .buttons-container[data-v-10e337a3]{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.project[data-v-10e337a3] .btn[data-v-10e337a3]{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--border);border-radius:8px;text-decoration:none;color:var(--white);font-size:1rem;font-weight:400;transition:all .2s}.project[data-v-10e337a3] .btn[data-v-10e337a3]:hover{background-color:#252525}.project[data-v-10e337a3] .btn-icon[data-v-10e337a3]{width:20px;height:20px;display:block}@media (max-width: 768px){.plist[data-v-10e337a3]{margin-top:10px}.project[data-v-10e337a3]{width:85%;padding:20px}.project[data-v-10e337a3] .nickname[data-v-10e337a3]{gap:20px}.project[data-v-10e337a3] .nickname[data-v-10e337a3] .avatar[data-v-10e337a3]{width:50px;height:50px}.project[data-v-10e337a3] .nickname[data-v-10e337a3] h1[data-v-10e337a3]{font-size:1.5rem}.project[data-v-10e337a3] .nickname[data-v-10e337a3] .status-icon[data-v-10e337a3]{width:15px;height:15px}.project[data-v-10e337a3] .description[data-v-10e337a3]{font-size:.9rem;margin-bottom:20px}.project[data-v-10e337a3] .btn[data-v-10e337a3]{font-size:.9rem}.project[data-v-10e337a3] .btn-icon[data-v-10e337a3]{width:15px;height:15px}}