*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;font-family:system-ui,sans-serif;color:#1d1d1d}.header{display:flex;height:96px;justify-content:space-between;align-items:center;margin:32px 0;padding:0 32px}.header .toggle-container{background-color:#fff;display:block;cursor:pointer;height:32px;width:56px;border-radius:100px;box-shadow:inset 0 .2rem 6rem #0000001a,inset 0 .2rem .8rem #0000001a,inset 0 -.4rem .4rem #0000000d;transition:.3s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header .toggle-container .switch{position:relative;top:4px;height:24px;width:24px;background:linear-gradient(to bottom,#eaeaea,#f9f9f9);box-shadow:0 .8rem 2rem #0000001a,inset 0 .4rem .4rem #fff,inset 0 -.4rem .4rem #fff;border-radius:50%}.header .toggle-container .switch .toggle{justify-content:center;align-items:center;width:100%;height:100%}.header .toggle-container .switch .toggle img{width:100%;height:100%;border-radius:50%}.header .toggle-container .switch.dark{margin-left:auto;right:4.5px}.header .toggle-container .switch.light{left:4.5px}.header nav{background-color:#ebebeb;border-radius:100px;justify-content:center;cursor:pointer}.header nav ul{display:flex;list-style:none;justify-content:center;align-items:center;font-weight:500;font-size:16px;margin:0;padding:4px 5px}.header nav ul .filter{padding:7px 16px;border-radius:100px}.header nav ul .filter.active{background-color:#fff}.header a{text-decoration:none;color:#1d1d1d}.header .nav-btn{border:none;cursor:pointer;padding:11px 4px;background:linear-gradient(45deg,#e36577,#f6edb2);border-radius:100px;transition:transform .4s ease-in-out}.header .nav-btn:hover{transform:scale(1.05)}.header .nav-btn span{background-color:#fff;font-size:16px;font-weight:600;padding:7px 16px;border-radius:100px}.banner{height:30px;background-color:#f7df1e;width:100vw;font-weight:500;text-align:center;padding-top:5px}.main-container{display:grid;grid-template-columns:repeat(4,266px);grid-template-rows:repeat(5,266px);gap:24px;margin-bottom:80px;justify-content:center;margin-top:80px;grid-auto-flow:dense}.card,.hardware-card,.music-card,.project-card,.small-text-card,.img-card,.skills-card,.social-card,.about-me-card{display:flex;flex-direction:column;background-color:#fff;border-radius:32px;box-shadow:0 0 20px #efefef;text-align:center}.card h2,.hardware-card h2,.music-card h2,.project-card h2,.small-text-card h2,.img-card h2,.skills-card h2,.social-card h2,.about-me-card h2{font-size:30px;font-weight:700;letter-spacing:.5px;margin:20px 20px 10px}.card p,.hardware-card p,.music-card p,.project-card p,.small-text-card p,.img-card p,.skills-card p,.social-card p,.about-me-card p{font-size:16px;font-weight:400;color:#1d1d1d;line-height:1.5em;margin:0 30px;text-align:center}.about-me-card{grid-column:span 2;display:flex;flex-direction:column;justify-content:flex-start;padding:32px 34px 30px;text-align:left}.about-me-card .about-me-copy{width:100%;max-width:58ch}.about-me-card h1{font-size:46px;font-weight:800;line-height:1.15;margin:0;background:linear-gradient(45deg,#e36577,#f6edb2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}.about-me-card h3{font-size:22px;font-weight:500}.about-me-card p{margin:16px 0 0;font-size:14.5px;line-height:1.55;font-weight:400;width:auto;max-width:58ch;text-align:left}.about-me-card p+p{margin-top:16px}.about-me-card .about-me-divider{height:1px;margin:22px 0;background:#1d1d1d14}.about-me-card .about-me-meta{display:grid;grid-template-columns:88px minmax(0,1fr);row-gap:9px;margin:0}.about-me-card .about-me-meta div{display:contents}.about-me-card .about-me-meta dt{color:#1d1d1d7a;font-size:10px;font-weight:700;letter-spacing:.11em;line-height:1.4;text-transform:uppercase}.about-me-card .about-me-meta dd{margin:0;color:#1d1d1dc7;font-size:14px;font-weight:500;line-height:1.4}.about-me-card .btn-container{display:flex;justify-content:flex-start;gap:12px;margin-top:24px}.about-me-card.is-expanded .btn-container{margin-top:34px}.about-me-card .btn-container button{text-decoration:none;color:#1d1d1d}.about-me-card .btn-container .work-btn{border:none;cursor:pointer;padding:11px 4px;background:linear-gradient(45deg,#e36577,#f6edb2);border-radius:100px;transition:transform .4s ease-in-out}.about-me-card .btn-container .work-btn:hover{transform:scale(1.05)}.about-me-card .btn-container .work-btn span{background-color:#fff;font-size:16px;font-weight:500;padding:7px 16px;border-radius:100px}.about-me-card .btn-container .see-more-btn{border:none;cursor:pointer;background-color:#e5e5e5;border-radius:100px;padding:11px 4px;transition:transform .4s ease-in-out}.about-me-card .btn-container .see-more-btn span{background-color:#fff;font-size:16px;font-weight:500;padding:7px 16px;border-radius:100px}@media(max-width:1199px){.about-me-card .btn-container .see-more-btn{padding:7px 4px 10px}.about-me-card .btn-container .see-more-btn span{font-size:12.5px;padding:6px 12px}}@media(max-width:545px){.about-me-card .btn-container .see-more-btn{padding:9.5px 4px 10px}.about-me-card .btn-container .see-more-btn span{font-size:15px;padding:6px 12px}}@media(max-width:359px){.about-me-card .btn-container .see-more-btn{padding:8px 4px 10px}.about-me-card .btn-container .see-more-btn span{font-size:13px;padding:6px 11px}}.about-me-card .btn-container .see-more-btn:hover{transform:scale(1.05)}.social-card a{width:100%;height:100%}.social-card img{width:100%;height:100%;transform:scale(.3)}.social-card:hover{cursor:pointer;opacity:.95}.instagram{background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f,#f77638 70%,#fec66d)}.facebook{background-color:#1887f2}.github{background-color:#2b2b2b;grid-column:span 2;align-items:center}.github img{width:50%}.linkedin{background-color:#0a66c2}.twitterx{background-color:#000}.twitterx img{transform:scale(.4)}.skills-card{grid-row:span 2}.skills-card h2{text-align:left;margin-left:30px;margin-bottom:20px}.skills-card .skill-container{display:flex;flex-direction:column;gap:13px}.skills-card .skill-container .skill-div{display:flex;align-items:center;margin-left:30px}.skills-card .skill-container .skill-div h5{font-size:12px;letter-spacing:.3px;font-weight:600}.skills-card .skill-container img{height:29px;width:29px;object-fit:contain;margin-right:20px}.img-card img{max-width:100%;max-height:100%;border-radius:32px;opacity:95%}.card a,.hardware-card a,.music-card a,.project-card a,.small-text-card a,.about-me-card a,.social-card a,.skills-card a,.img-card a{text-decoration:none;color:#1d1d1d}.card .projects-btn,.hardware-card .projects-btn,.music-card .projects-btn,.project-card .projects-btn,.small-text-card .projects-btn,.about-me-card .projects-btn,.social-card .projects-btn,.skills-card .projects-btn,.img-card .projects-btn{border:none;cursor:pointer;background-color:#e5e5e5;border-radius:100px;padding:11px 4px;transition:transform .4s ease-in-out}.card .projects-btn span,.hardware-card .projects-btn span,.music-card .projects-btn span,.project-card .projects-btn span,.small-text-card .projects-btn span,.about-me-card .projects-btn span,.social-card .projects-btn span,.skills-card .projects-btn span,.img-card .projects-btn span{background-color:#fff;font-size:16px;font-weight:500;padding:7px 16px;border-radius:100px}@media(max-width:1199px){.card .projects-btn,.hardware-card .projects-btn,.music-card .projects-btn,.project-card .projects-btn,.small-text-card .projects-btn,.about-me-card .projects-btn,.social-card .projects-btn,.skills-card .projects-btn,.img-card .projects-btn{padding:7px 4px 10px}.card .projects-btn span,.hardware-card .projects-btn span,.music-card .projects-btn span,.project-card .projects-btn span,.small-text-card .projects-btn span,.about-me-card .projects-btn span,.social-card .projects-btn span,.skills-card .projects-btn span,.img-card .projects-btn span{font-size:12.5px;padding:6px 12px}}@media(max-width:545px){.card .projects-btn,.hardware-card .projects-btn,.music-card .projects-btn,.project-card .projects-btn,.small-text-card .projects-btn,.about-me-card .projects-btn,.social-card .projects-btn,.skills-card .projects-btn,.img-card .projects-btn{padding:9.5px 4px 10px}.card .projects-btn span,.hardware-card .projects-btn span,.music-card .projects-btn span,.project-card .projects-btn span,.small-text-card .projects-btn span,.about-me-card .projects-btn span,.social-card .projects-btn span,.skills-card .projects-btn span,.img-card .projects-btn span{font-size:15px;padding:6px 12px}}@media(max-width:359px){.card .projects-btn,.hardware-card .projects-btn,.music-card .projects-btn,.project-card .projects-btn,.small-text-card .projects-btn,.about-me-card .projects-btn,.social-card .projects-btn,.skills-card .projects-btn,.img-card .projects-btn{padding:8px 4px 10px}.card .projects-btn span,.hardware-card .projects-btn span,.music-card .projects-btn span,.project-card .projects-btn span,.small-text-card .projects-btn span,.about-me-card .projects-btn span,.social-card .projects-btn span,.skills-card .projects-btn span,.img-card .projects-btn span{font-size:13px;padding:6px 11px}}.card .projects-btn:hover,.hardware-card .projects-btn:hover,.music-card .projects-btn:hover,.project-card .projects-btn:hover,.small-text-card .projects-btn:hover,.about-me-card .projects-btn:hover,.social-card .projects-btn:hover,.skills-card .projects-btn:hover,.img-card .projects-btn:hover{transform:scale(1.05)}.small-text-card{position:relative}.small-text-card .btn-container-small-card{display:flex;justify-content:center;margin-top:auto;padding-bottom:25px}.project-card{grid-row:span 2;padding:32px;text-align:left}.project-card p{font-size:12px;font-weight:600;letter-spacing:.75px;text-transform:uppercase;color:#6e6e6e;pointer-events:none;text-align:left;margin:0;padding:0}.project-card h2{margin:0 0 14px;padding:0;font-size:30px;font-weight:700}.project-card .project-card-icons{display:flex;gap:10px;margin-top:7px}.project-card .project-card-icons img{height:25px;width:25px}.project-card .project-img-container{display:flex;height:290px;width:202px;border-radius:10px;overflow:hidden;margin:auto 0;justify-content:start;align-items:center}.project-card .project-img-container img{max-height:100%;margin-left:-30px}.project-card .project-img-container .project-gradient-thumbnail{width:100%;height:100%;border-radius:10px;background-size:100% 100%;display:flex;align-items:center;justify-content:center;transition:transform .4s ease-in-out}.project-card .project-img-container .project-thumbnail-emoji{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:999px;font-size:34px;line-height:1;background:#ffffff2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 30px #1d1d1d1f}.project-card .project-img-container .project-thumbnail-link{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:999px;transition:transform .4s ease-in-out}.project-card .project-img-container .project-thumbnail-link:hover{transform:scale(1.05)}.project-card .project-img-container .portfolio-gradient{background:linear-gradient(180deg,#f3eee0,#e7ddd7,#d4c2b8 68%,#bbaaad)}.project-card .project-img-container .books-gradient{background:linear-gradient(180deg,#f2eeea,#e0d7d0 32%,#bea99e,#978780)}.project-card .project-img-container .captcha-gradient{background:linear-gradient(180deg,#f2efe2,#dee1e6 36%,#b4bdcb,#8a96a9)}.project-card .project-btn{display:flex;justify-content:center;height:auto;margin-top:0}.music-card{grid-column:span 2}.music-card img{height:100px}.hardware-card{grid-column:span 2;padding:32px;text-align:left}.hardware-card h2{font-size:30px;font-weight:700;margin:0 0 20px}.hardware-card .hardware-item{cursor:pointer;font-size:24px;font-weight:700;line-height:1.1;margin-left:0;color:#6e6e6e73}.hardware-card .hardware-item.active{color:#1d1d1d}.hardware-card .hardware-grid{display:flex}.hardware-card .hardware-grid-left{flex:1;display:flex;flex-direction:column;align-items:start;justify-content:start;gap:4px}.hardware-card .hardware-grid-right{flex:1;display:flex;justify-content:center;align-items:center;min-height:150px}.hardware-card img{max-height:150px;max-width:200px;transform:translateY(-5px)}.hardware-card .laptop-visual{width:200px;height:150px;object-fit:cover;object-position:center;transform:translateY(-23px)}.page{max-width:1200px;margin:0 auto}.project-page{max-width:1200px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;align-items:center}.project-page .heading{display:flex;flex-direction:column;align-items:center;max-width:800px;padding:0 32px;margin:120px auto 0}.project-page .heading h1{font-size:56px;line-height:1.1;font-weight:600}.project-page .heading h2{font-size:26px;font-weight:400;line-height:1.1;margin-top:8px}.project-page .project-img{max-width:1000px;margin:100px auto 0;display:flex;border-radius:32px;overflow:hidden}.project-page .built-with{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:80px}.project-page .built-with h3{font-size:28px}.project-page .built-with .project-card-icons{display:flex;padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:50px;height:50px}.project-page p{font-size:15px;line-height:1.4;max-width:62ch;margin:40px auto 100px;text-align:center}@media(max-width:1199px){.page,.header{max-width:1000px}.main-container{max-width:1000px;grid-template-columns:repeat(4,216px);grid-template-rows:repeat(5,216px)}.header nav ul{font-size:14.5px}.header .nav-btn{padding:10px 4px 11px}.header .nav-btn span{font-size:14.5px;padding:7px 16px}.about-me-card h1{font-size:38px}.about-me-card h3{font-size:18px;margin-top:4px;margin-bottom:-6px}.about-me-card p{font-size:13.5px;width:48ch}.about-me-card .btn-container .work-btn{padding:7px 4px 6px}.about-me-card .btn-container .work-btn span{font-size:12.5px;padding:6px 12px}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:23px}.skills-card{gap:11px}.skills-card h2{margin-bottom:0}.skills-card .skill-container{display:flex;flex-direction:column;gap:11px}.skills-card .skill-container .skill-div{margin-left:30px}.skills-card .skill-container .skill-div h5{font-size:12px}.skills-card .skill-container img{height:25px;width:25px;margin-right:17px}.small-text-card p{font-size:13.5px;margin:0 20px}.small-text-card .btn-container-small-card{margin-top:auto;padding-bottom:15px}.hardware-card h2{margin:0 0 16px}.hardware-card .hardware-item{font-size:20px}.hardware-card img{max-height:125px}.project-card p{font-size:11.5px}.project-card .project-card-icons img{height:20px}.project-card .project-img-container{height:230px;width:152px;margin:auto 0}.project-page{max-width:1000px}.project-page .heading{max-width:800px;padding:0 32px;margin:120px auto 0}.project-page .heading h1{font-size:54px}.project-page .heading h2{font-size:24px}.project-page .project-img{max-width:900px;margin-top:100px;display:flex;justify-content:center}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:27px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:45px;height:45px}.project-page p{font-size:15px;line-height:1.4;max-width:62ch}}@media(max-width:999px){.page,.header{max-width:800px}.main-container{max-width:800px;grid-template-columns:repeat(3,229px);grid-template-rows:repeat(7,229px)}.about-me-card h1{font-size:40px}.about-me-card p{font-size:14.5px;width:47ch}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:25px}.skills-card{gap:11.5px}.skills-card h2{margin-bottom:5px}.skills-card .skill-container{display:flex;flex-direction:column;gap:12px}.skills-card .skill-container .skill-div{margin-left:30px}.skills-card .skill-container .skill-div h5{font-size:13px}.skills-card .skill-container img{height:25px;width:25px;margin-right:17px}.small-text-card p{font-size:14px}.hardware-card h2{margin:0 0 16px}.hardware-card .hardware-item{font-size:20px}.hardware-card img{max-height:125px}.project-card p{font-size:11.5px}.project-card .project-card-icons img{height:20px}.project-card .project-img-container{height:230px;width:170px;margin:auto 0}.project-page{max-width:800px}.project-page .heading h1{font-size:50px}.project-page .heading h2{font-size:22px}.project-page .project-img{max-width:700px;margin-top:100px;display:flex;justify-content:center}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:26px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:40px;height:40px}.project-page p{font-size:14px;line-height:1.4;max-width:62ch}}@media(max-width:799px){.page{max-width:482px}.main-container{max-width:482px;grid-template-columns:repeat(2,229px);grid-template-rows:repeat(10,229px)}.header{max-width:482px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:auto;gap:32px;margin-bottom:74px;align-self:center;margin-left:auto}.header .toggle-container{grid-column:1/2;grid-row:1/2;justify-self:start}.header nav{grid-column:1/3;grid-row:2/3;justify-self:center;position:relative}.header nav ul{font-size:14.5px;gap:13.5px}.header .nav-btn{padding:10px 4px 11px;grid-column:2/3;grid-row:1/2;justify-self:end}.header .nav-btn span{font-size:14.5px;padding:7px 16px}.about-me-card h1{font-size:38px}.about-me-card h3{font-size:18px;margin-top:4px;margin-bottom:-6px}.about-me-card p{font-size:13.5px;width:48ch}.about-me-card .btn-container .work-btn{padding:7px 4px 6px}.about-me-card .btn-container .work-btn span{font-size:12.5px;padding:6px 12px}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:23px}.skills-card{gap:13px}.skills-card h2{margin-bottom:8px}.skills-card .skill-container{display:flex;flex-direction:column;gap:12px}.skills-card .skill-container .skill-div{margin-left:30px}.skills-card .skill-container .skill-div h5{font-size:13px}.skills-card .skill-container img{height:25px;width:25px;margin-right:17px}.small-text-card p{font-size:13.5px;margin:0 20px}.small-text-card .btn-container-small-card{margin-top:auto;padding-bottom:15px}.hardware-card h2{margin:0 0 16px}.hardware-card .hardware-item{font-size:20px}.hardware-card img{max-height:125px}.project-card p{font-size:11.5px}.project-card .project-card-icons img{height:20px}.project-card .project-img-container{height:230px;width:172px;margin:auto 0}.project-page{max-width:500px}.project-page .heading{margin:80px auto 0}.project-page .heading h1{font-size:50px}.project-page .heading h2{font-size:18px}.project-page .project-img{max-width:400px;margin-top:100px;display:flex;justify-content:center}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:26px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:40px;height:40px}.project-page p{font-size:15px;line-height:1.4;max-width:62ch}}@media(max-width:545px){.page,.header{max-width:360px}.main-container{max-width:360px;grid-template-columns:repeat(2,168px);grid-template-rows:repeat(19,168px)}.header{padding:0 5px}.header nav ul{gap:0px;font-size:15px}.header nav ul .filter{padding:6px 14px}.header .nav-btn{padding:9px 4px 11px}.header .nav-btn span{font-size:14.5px;padding:6.5px 13px}.about-me-card{text-align:left;padding:28px 26px}.about-me-card h1{font-size:38px;margin:0}.about-me-card h3{font-size:24px;margin-bottom:5px}.about-me-card p{font-size:14px;width:auto;text-align:left;margin-left:0}.about-me-card .about-me-divider{margin:20px 0}.about-me-card .about-me-meta{grid-template-columns:1fr;row-gap:3px}.about-me-card .about-me-meta div{display:grid;gap:2px}.about-me-card .about-me-meta div+div{margin-top:8px}.about-me-card .btn-container{margin-top:22px}.about-me-card.is-expanded .btn-container{margin-top:28px}.about-me-card .btn-container .work-btn{padding:10px 4px}.about-me-card .btn-container .work-btn span{font-size:15px;padding:6px 12px}.card,.about-me-card,.social-card,.skills-card,.img-card,.small-text-card,.project-card,.music-card,.hardware-card{grid-column:span 2;grid-row:span 2}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:30px}.skills-card{gap:18px;padding:32px}.skills-card h2{margin:0}.skills-card .skill-container{display:grid;grid-template-columns:repeat(2,1fr);column-gap:10px;row-gap:14px;margin:0;justify-items:start}.skills-card .skill-container .skill-div{display:flex;align-items:center;margin-left:0;width:100%;min-width:0;flex-basis:auto}.skills-card .skill-container .skill-div h5{font-size:13px;line-height:1.2}.skills-card .skill-container img{height:30px;width:30px;margin-right:14px}.small-text-card{padding:32px}.small-text-card h2{margin:0}.small-text-card p{font-size:18px;margin-top:30px;font-weight:500;width:20ch;align-self:center}.small-text-card .btn-container-small-card{margin-top:auto;padding-bottom:8px}.hardware-card{grid-column:span 2;padding:32px}.hardware-card h2{font-size:30px;font-weight:700;margin:0 0 8px;text-align:center}.hardware-card .hardware-item{cursor:pointer;font-size:22px;margin-left:0;line-height:1.2em;margin-right:0}.hardware-card .hardware-grid{display:flex;flex-direction:column}.hardware-card .hardware-grid-left{order:2;align-items:center}.hardware-card .hardware-grid-right{order:1;display:flex;justify-content:center;align-items:center}.hardware-card img{max-height:150px;margin-bottom:10px}.project-card{display:flex;flex-direction:column;align-items:center}.project-card p{font-size:12px}.project-card h2{margin-bottom:8px}.project-card .project-card-icons{display:flex;gap:10px;margin-top:7px}.project-card .project-card-icons img{height:22px}.project-card .project-img-container{display:flex;height:264px;width:300px;border-radius:10px;overflow:hidden;margin:auto 0 16px;justify-content:center;align-items:center}.project-card .project-img-container img{max-width:100%;margin-left:0;border-radius:10px}.project-card .project-btn{display:flex;justify-content:center;height:auto;margin-top:0}.social-card{grid-column:span 1;grid-row:span 1}.github{grid-column:span 2}.project-page{max-width:360px;padding:0}.project-page .heading{padding:0;margin:20px auto 0}.project-page .heading h1{font-size:42px}.project-page .heading h2{font-size:14px}.project-page .project-img{max-width:360px;margin-top:80px;display:flex;justify-content:center;padding:0}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:24px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:35px;height:35px}.project-page p{font-size:14px;line-height:1.4;max-width:62ch;margin:30px 10px;text-align:left}}@media(max-width:423px){.main-container{max-width:360px;grid-template-columns:repeat(2,161px);grid-template-rows:repeat(19,161px)}.header{padding:0 5px}.header nav ul{gap:0px;font-size:15px}.header nav ul .filter{padding:6px 14px}.header .nav-btn{padding:9px 4px 11px}.header .nav-btn span{font-size:14.5px;padding:6.5px 13px}.about-me-card h1{font-size:38px}.about-me-card h3{font-size:22px}.about-me-card p{font-size:14px}.skills-card{gap:16px}.skills-card .skill-container img{height:28px;width:28px}}@media(max-width:409px){.page,.header{max-width:330px}.main-container{max-width:330px;grid-template-columns:repeat(2,151px);grid-template-rows:repeat(19,151px)}.header{padding:0}.header nav ul{gap:0px;font-size:14px}.header nav ul .filter{padding:6px 13px}.header .nav-btn{padding:9px 4px 11px}.header .nav-btn span{font-size:14.5px;padding:6.5px 13px}.about-me-card{padding:24px}.about-me-card h1{font-size:38px}.about-me-card h3{font-size:22px}.about-me-card p{margin-top:10px;font-size:14px}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:28px}.skills-card{padding:24px;gap:16px}.skills-card .skill-container img{height:28px;width:28px}.small-text-card{padding:24px}.small-text-card p{margin-top:20px}.hardware-card{padding:24px}.hardware-card img{margin-bottom:0}.project-card{padding:24px}.project-page{max-width:330px;padding:0}.project-page .heading{padding:0;margin:20px auto 0}.project-page .heading h1{font-size:38px}.project-page .heading h2{font-size:14px}.project-page .project-img{max-width:330px;margin-top:80px;display:flex;justify-content:center;padding:0}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:24px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:35px;height:35px}.project-page p{font-size:14px;line-height:1.4;max-width:62ch;margin:30px 10px;text-align:left}}@media(max-width:373px){.page,.header{max-width:288px}.main-container{max-width:288px;grid-template-columns:repeat(2,144px);grid-template-rows:repeat(19,144px)}.header{padding:0}.header nav ul{gap:0px;font-size:14px}.header nav ul .filter{padding:6px 10px}.header .nav-btn{padding:9px 4px 11px}.header .nav-btn span{font-size:14.5px;padding:6.5px 13px}.about-me-card{padding:24px}.about-me-card h1{font-size:36px}.about-me-card h3{font-size:20px}.about-me-card p{font-size:14px;margin-top:10px}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:28px}.skills-card{padding:24px;gap:14px}.skills-card .skill-container{gap:13px}.skills-card .skill-container h5{font-size:12px}.skills-card .skill-container img{height:26px;width:26px}.small-text-card{padding:24px}.small-text-card p{margin-top:20px}.hardware-card{padding:24px}.hardware-card img{max-height:120px}.project-card{padding:24px}.project-page{max-width:288px;padding:0}.project-page .heading{padding:0;margin:20px auto 0}.project-page .heading h1{font-size:38px}.project-page .heading h2{font-size:14px}.project-page .project-img{max-width:288px;margin-top:80px;display:flex;justify-content:center;padding:0}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:22px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:30px;height:30px}.project-page p{font-size:14px;line-height:1.4;max-width:62ch;margin:30px 10px;text-align:left}}@media(max-width:359px){.page,.header{max-width:272px}.main-container{max-width:272px;grid-template-columns:repeat(2,128px);grid-template-rows:repeat(19,128px);gap:12px}.header{padding:0}.header nav ul{gap:0px;font-size:13px}.header nav ul .filter{padding:6px 10px}.header .nav-btn{padding:9px 4px 11px}.header .nav-btn span{font-size:14.5px;padding:6.5px 13px}.about-me-card{padding:16px}.about-me-card h1{font-size:32px}.about-me-card h3{font-size:18px}.about-me-card p{font-size:12.5px;margin-top:5px}.about-me-card .btn-container .work-btn{padding:8px 4px 10px}.about-me-card .btn-container .work-btn span{font-size:13px;padding:6px 14px}.card h2,.about-me-card h2,.social-card h2,.skills-card h2,.img-card h2,.small-text-card h2,.project-card h2,.music-card h2,.hardware-card h2{font-size:24px}.skills-card{padding:16px;gap:10px}.skills-card .skill-container{gap:13px}.skills-card .skill-container .skill-div{width:100%;min-width:0}.skills-card .skill-container .skill-div h5{font-size:12px}.skills-card .skill-container .skill-div img{height:22px;width:22px;margin-right:10px}.small-text-card{padding:16px}.small-text-card p{font-size:16px;margin-top:20px}.hardware-card{padding:16px}.hardware-card img{max-height:110px;margin-bottom:5px}.project-card{padding:16px}.project-page{max-width:272px;padding:0}.project-page .heading{padding:0;margin:20px auto 0}.project-page .heading h1{font-size:38px}.project-page .heading h2{font-size:14px}.project-page .project-img{max-width:272px;margin-top:80px;display:flex;justify-content:center;padding:0}.project-page .built-with{margin-top:80px}.project-page .built-with h3{font-size:22px}.project-page .built-with .project-card-icons{padding:20px;gap:10px}.project-page .built-with .project-card-icons .skill-img{width:30px;height:30px}.project-page p{font-size:14px;line-height:1.4;max-width:62ch;margin:30px 10px;text-align:left}}.dark-mode{background-color:#1c1c1e;color:#fafafa}.dark-mode p{color:#fafafa}.dark-mode .header .toggle-container{background-color:#111112}.dark-mode .header .toggle-container .switch{background:#111112;box-shadow:0 .8rem 4rem #00000080,inset 0 .1rem .4rem #ffffff1a,inset 0 -.1rem .4rem #ffffff1a}.dark-mode .header nav{background-color:#0006}.dark-mode .header nav ul .filter.active{background-color:#2c2c2e}.dark-mode .header a{color:#fafafa}.dark-mode .header .nav-btn span{background-color:#1c1c1e}.dark-mode .header .nav-btn{background:linear-gradient(135deg,#2563c9,#669cf0)}.dark-mode .card,.dark-mode .about-me-card,.dark-mode .social-card,.dark-mode .skills-card,.dark-mode .img-card,.dark-mode .small-text-card,.dark-mode .project-card,.dark-mode .music-card,.dark-mode .hardware-card{background-color:#2c2c2e;box-shadow:none}.dark-mode .about-me-card .btn-container button{text-decoration:none;color:#fafafa}.dark-mode .about-me-card h1{background-image:linear-gradient(135deg,#2563c9,#669cf0)}.dark-mode .about-me-card p{color:#fafafabd}.dark-mode .about-me-card .about-me-divider{background:#ffffff14}.dark-mode .about-me-card .about-me-meta dt{color:#fafafa73}.dark-mode .about-me-card .about-me-meta dd{color:#fafafac7}.dark-mode .about-me-card .btn-container .work-btn{background:linear-gradient(135deg,#2563c9,#669cf0)}.dark-mode .about-me-card .btn-container .work-btn span,.dark-mode .about-me-card .btn-container .see-more-btn,.dark-mode .about-me-card .btn-container .see-more-btn span{background-color:#1c1c1e}.dark-mode .card .projects-btn,.dark-mode .about-me-card .projects-btn,.dark-mode .social-card .projects-btn,.dark-mode .skills-card .projects-btn,.dark-mode .img-card .projects-btn,.dark-mode .small-text-card .projects-btn,.dark-mode .project-card .projects-btn,.dark-mode .music-card .projects-btn,.dark-mode .hardware-card .projects-btn{background-color:#1c1c1e;color:#fafafa}.dark-mode .card .projects-btn span,.dark-mode .about-me-card .projects-btn span,.dark-mode .social-card .projects-btn span,.dark-mode .skills-card .projects-btn span,.dark-mode .img-card .projects-btn span,.dark-mode .small-text-card .projects-btn span,.dark-mode .project-card .projects-btn span,.dark-mode .music-card .projects-btn span,.dark-mode .hardware-card .projects-btn span{background-color:#1c1c1e}.dark-mode .hardware-card .hardware-item{color:#6e6e6e73}.dark-mode .hardware-card .hardware-item.active{color:#fafafa}.dark-mode .project-card p{color:#fafafa99}.dark-mode .project-card .portfolio-gradient{background:linear-gradient(180deg,#4b454a,#3d363c,#322f37 68%,#25242a)}.dark-mode .project-card .books-gradient{background:linear-gradient(180deg,#494541,#3c3836 32%,#322f30,#242224)}.dark-mode .project-card .captcha-gradient{background:linear-gradient(180deg,#42454b,#353941 36%,#2d3139,#21252c)}.dark-mode .instagram{background:radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f,#f77638 70%,#fec66d)}.dark-mode .facebook{background-color:#1887f2}.dark-mode .github{background-color:#2b2b2b;grid-column:span 2;align-items:center}.dark-mode .github img{width:50%}.dark-mode .linkedin{background-color:#0a66c2}.dark-mode .twitterx{background-color:#000}.reduced-opacity{opacity:15%;pointer-events:none}.about-me-card,.skills-card,.small-text-card,.project-card,.hardware-card{transition:transform .18s ease}.about-me-card:hover,.skills-card:hover,.small-text-card:hover,.project-card:hover,.hardware-card:hover{transform:translateY(-2px)}.quote-card{justify-content:center;align-items:center;gap:12px;padding:30px;overflow:hidden;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.quote-card-accent{color:#e36577;font-family:Georgia,serif;font-size:22px;font-weight:700;line-height:.6}.quote-card-quote{max-width:19ch;margin:0;color:#1d1d1d;font-size:clamp(18px,1.65vw,22px);font-weight:600;line-height:1.38;letter-spacing:-.015em;text-wrap:balance}.quote-card-attribution{display:flex;flex-direction:column;gap:3px;margin-top:8px;color:#1d1d1d8c;font-size:12px;font-weight:500;letter-spacing:.04em;line-height:1.35}.quote-card-attribution cite{color:#1d1d1db8;font-style:normal}.quote-card:hover{box-shadow:inset 0 0 0 1px #669cf042}.quote-card:hover .quote-card-accent{opacity:.82}@media(max-width:1199px){.quote-card{gap:10px;padding:22px}.quote-card-accent{font-size:20px}.quote-card-quote{font-size:18px;line-height:1.35}.quote-card-attribution{margin-top:6px}}@media(max-width:545px){.quote-card{gap:10px;padding:24px}.quote-card-quote{font-size:18px}.quote-card-attribution{font-size:11px}}.dark-mode .quote-card-accent{color:#669cf0}.dark-mode .quote-card-quote{color:#ececef}.dark-mode .quote-card-attribution{color:#fafafa85}.dark-mode .quote-card-attribution cite{color:#fafafab8}.project-card{--accent: #4c7dff}.project-card--books-lv{--accent: #e17a3a}.project-card--cnn{--accent: #9b6cff}.project-card .project-card-header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.project-card .project-status{display:inline-flex;align-items:center;gap:6px;padding-top:3px;color:#6e6e6e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:.02em;white-space:nowrap}.project-card .project-status i{width:6px;height:6px;border-radius:99px;background:var(--accent);box-shadow:0 0 5px color-mix(in srgb,var(--accent),transparent 45%)}.dark-mode .project-card .project-status{color:#fafafa99}.project-card{position:relative;isolation:isolate;overflow:hidden;grid-row:span 2;min-height:0;padding:32px;color:#f8f9ff;text-align:left;background:radial-gradient(circle at 108% 76%,color-mix(in srgb,var(--project-accent) 42%,transparent) 0%,transparent 48%),radial-gradient(circle at 82% 98%,color-mix(in srgb,var(--project-accent) 20%,transparent) 0%,transparent 62%),linear-gradient(128deg,#202125,#17181c 49%,#13151a);border:1px solid rgba(255,255,255,.08);border-right-color:color-mix(in srgb,var(--project-accent) 38%,rgba(255,255,255,.08));border-radius:32px;box-shadow:0 18px 42px #0000002e,inset 0 1px #ffffff06;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.project-card:before{position:absolute;z-index:-1;top:-18%;right:-38%;width:86%;height:116%;content:"";pointer-events:none;background:radial-gradient(ellipse,color-mix(in srgb,var(--project-accent) 27%,transparent),transparent 68%);filter:blur(12px);opacity:.72}.project-card:after{position:absolute;inset:0;z-index:3;content:"";pointer-events:none;border-radius:inherit;box-shadow:inset -1px 0 color-mix(in srgb,var(--project-accent) 28%,transparent);opacity:.8;transition:opacity .24s ease}.project-card .project-card-content{position:relative;z-index:2}.project-card .project-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.project-card .project-label,.project-card .project-status{font-family:inherit;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1;text-transform:uppercase}.project-card .project-label{color:#ebedf68c}.project-card .project-status{display:inline-flex;align-items:center;gap:7px;padding:0;color:#f5f7ffc2;font-size:9px;letter-spacing:.06em;white-space:nowrap}.project-card .project-status i{width:7px;height:7px;background:var(--project-accent);box-shadow:0 0 10px color-mix(in srgb,var(--project-accent) 68%,transparent)}.project-card h2{margin:0;color:#fbfbfd;font-size:clamp(28px,2.4vw,34px);font-weight:750;letter-spacing:-.045em;line-height:1.04}.project-card .project-description{max-width:23ch;margin:16px 0 0;color:#e3e6efad;font-size:14px;font-weight:400;letter-spacing:-.01em;line-height:1.5;text-align:left;text-transform:none}.project-card .project-tech-tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}.project-card .project-tech-tags li{padding:6px 9px;color:#fafbffe0;background:#ffffff0b;border:1px solid rgba(255,255,255,.11);border-radius:999px;box-shadow:inset 0 1px #ffffff06;font-size:10px;font-weight:550;letter-spacing:-.01em;line-height:1;white-space:nowrap}.project-card .layered-visual{position:absolute;right:24px;bottom:50px;left:24px;z-index:1;height:46%;min-height:0;overflow:hidden;pointer-events:none}.project-card .project-sheet{position:absolute;width:69%;height:76%;border:1px solid rgba(235,240,255,.13);border-radius:18%;background:linear-gradient(135deg,#ffffff21,#ffffff0a 54%,color-mix(in srgb,var(--project-accent) 14%,transparent));box-shadow:inset 1px 1px #ffffff12,0 14px 30px #0000001a;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);transition:transform .24s ease}.project-card .project-sheet--back{right:4%;bottom:7%;opacity:.68;transform:rotate(4deg)}.project-card .project-sheet--front{bottom:4%;left:12%;display:grid;place-items:center;width:72%;height:78%;transform:rotate(-8deg)}.project-card .project-icon-badge{display:grid;width:51%;aspect-ratio:1;place-items:center;color:initial;background:#cfd4e326;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:inset 0 1px #ffffff17,0 12px 28px #0000001f;font-size:clamp(26px,2.5vw,36px);line-height:1;transform:rotate(8deg)}.project-card .project-card-link{position:absolute;z-index:4;inset:0;border-radius:inherit}.project-card:hover{border-color:color-mix(in srgb,var(--project-accent) 45%,rgba(255,255,255,.12));box-shadow:0 22px 46px #0000003d,inset 0 1px #ffffff0a;transform:translateY(-2px)}.project-card:hover:before,.project-card:hover:after{opacity:1}.project-card:hover .project-sheet--back{transform:rotate(5deg) translate(1px,-3px)}.project-card:hover .project-sheet--front{transform:rotate(-10deg) translate(1px,-3px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:545px){.project-card{grid-row:span 4;align-items:stretch;padding:30px}.project-card .layered-visual{right:24px;bottom:48px;left:24px;height:46%}.project-card .project-sheet{border-radius:16%}}@media(max-width:409px){.project-card{padding:26px}.project-card .project-meta{margin-bottom:22px}.project-card .project-description{font-size:13.5px}}.dark-mode .project-card{background:radial-gradient(circle at 108% 76%,color-mix(in srgb,var(--project-accent) 42%,transparent) 0%,transparent 48%),radial-gradient(circle at 82% 98%,color-mix(in srgb,var(--project-accent) 20%,transparent) 0%,transparent 62%),linear-gradient(128deg,#202125,#17181c 49%,#13151a)}.light-mode .project-card{background:radial-gradient(circle at 108% 76%,color-mix(in srgb,var(--project-accent) 26%,transparent) 0%,transparent 50%),radial-gradient(circle at 82% 98%,color-mix(in srgb,var(--project-accent) 10%,transparent) 0%,transparent 64%),linear-gradient(128deg,#f6f7fa,#eef0f5 52%,#e8ebf2);border-color:#1d232f1a;border-right-color:color-mix(in srgb,var(--project-accent) 35%,rgba(29,35,47,.1));box-shadow:0 18px 42px #1e273a1a,inset 0 1px #ffffffb8}.light-mode .project-card:before{opacity:.52}.light-mode .project-card:after{box-shadow:inset -1px 0 color-mix(in srgb,var(--project-accent) 20%,transparent)}.light-mode .project-card .project-label{color:#232a3785}.light-mode .project-card .project-status{color:#232a37a8}.light-mode .project-card h2{color:#202532}.light-mode .project-card .project-description{color:#2a3140b3}.light-mode .project-card .project-tech-tags li{color:#1f2634d1;background:#ffffff6b;border-color:#232a371f;box-shadow:inset 0 1px #fffc}.light-mode .project-card .project-sheet{background:linear-gradient(135deg,#ffffffa3,#ffffff45 54%,color-mix(in srgb,var(--project-accent) 12%,transparent));border-color:#ffffffb8;box-shadow:inset 1px 1px #ffffffb8,0 14px 30px #2630441a}.light-mode .project-card .project-icon-badge{background:#ffffff70;border-color:#ffffffc2;box-shadow:inset 0 1px #ffffffd1,0 12px 28px #2630441a}.light-mode .project-card:hover{box-shadow:0 22px 46px #1e273a24,inset 0 1px #ffffffd1}@media(min-width:546px)and (max-width:1199px){.about-me-card .about-me-middle{display:none}.about-me-card .btn-container{margin-top:16px}.about-me-card.is-expanded .btn-container{margin-top:20px}.skills-card .skill-container .skill-div h5{font-size:11px}.skills-card .skill-container img{width:24px;height:24px}.hardware-card img:not(.laptop-visual){max-height:120px;transform:translateY(-11px)}.hardware-card .laptop-visual{width:184px;height:140px;transform:translateY(-20px)}.project-card{padding:24px}.project-card .project-meta{margin-bottom:18px}.project-card h2{font-size:clamp(24px,2.1vw,28px)}.project-card .project-description{margin-top:10px;font-size:13px;line-height:1.42}.project-card .project-tech-tags{gap:5px;margin-top:14px}.project-card .project-tech-tags li{padding:5px 7px;font-size:9px}.project-card .layered-visual{bottom:32px;height:42%}}@media(min-width:374px)and (max-width:545px){.about-me-card.is-expanded{justify-content:center}.about-me-card:not(.is-expanded){justify-content:space-between;padding-top:48px;padding-bottom:42px}.about-me-card:not(.is-expanded) h1{font-size:40px}.about-me-card:not(.is-expanded) p{font-size:15px;margin-top:22px}.about-me-card:not(.is-expanded) .btn-container{transform:translateY(-6px)}.about-me-card .btn-container{margin-top:20px}.about-me-card.is-expanded .btn-container{margin-top:24px}.quote-card{gap:16px;padding:24px}.quote-card-accent{font-size:32px}.quote-card-quote{max-width:18ch;font-size:26px;line-height:1.32}.quote-card-attribution{font-size:14px}.hardware-card .hardware-grid-right{min-height:142px}.hardware-card .hardware-grid-left{gap:2px;transform:translateY(10px)}.hardware-card img{margin-bottom:0;transform:translateY(7px)}.hardware-card .laptop-visual{transform:translateY(7px)}.project-card{grid-column:1 / -1;grid-row:span 4;aspect-ratio:1 / 2;align-self:start;padding:28px}.project-card .project-meta{margin-bottom:20px}.project-card .project-label,.project-card .project-status{font-size:10px}.project-card h2{font-size:30px}.project-card .project-description{margin-top:10px;font-size:15px;line-height:1.42}.project-card .project-tech-tags{gap:6px;margin-top:14px}.project-card .project-tech-tags li{padding:6px 9px;font-size:11px}.project-card .layered-visual{right:24px;bottom:64px;left:24px;height:51%}.project-card .project-icon-badge{font-size:40px}}