html,body{background:linear-gradient(170deg,#0a0a0a,#0d1a0a 40%,#0a0f0a,#080808);color:#fff;font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-variation-settings:"wdth" 100;padding:0;margin:0;width:100%;height:100%;min-height:100vh;overflow-x:hidden;scroll-behavior:smooth}h1.svelte-1uha8ag,h2.svelte-1uha8ag,h3.svelte-1uha8ag{font-family:Bebas Neue,sans-serif;font-weight:700;font-style:normal;letter-spacing:1px;padding:0}.main.svelte-1uha8ag{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;padding:0;z-index:3;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.main.mounted.svelte-1uha8ag{opacity:1;transform:translateY(0)}.container.svelte-1uha8ag{-webkit-user-select:none;user-select:none;width:calc(100% - 20px);margin:40px auto auto;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:100px}.container.svelte-1uha8ag .m1:where(.svelte-1uha8ag){max-width:800px}.container.svelte-1uha8ag .profile:where(.svelte-1uha8ag){border:4px solid transparent;background-image:linear-gradient(#111,#111),linear-gradient(135deg,#bce135,#2dd4bf,#bce135);background-origin:border-box;background-clip:padding-box,border-box;border-radius:180px;overflow:hidden;width:220px;height:220px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 40px #21541999,0 0 80px #21541933}.container.svelte-1uha8ag .profile:where(.svelte-1uha8ag) img{z-index:0;object-fit:cover;width:100%;height:100%;filter:saturate(90%)}.container.svelte-1uha8ag h1:where(.svelte-1uha8ag){margin:20px 0 8px;text-align:center;text-transform:uppercase;font-size:42px;letter-spacing:3px;text-shadow:0 2px 10px rgba(188,225,53,.15)}.container.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:15px 0;text-align:center;font-size:25px;display:flex;justify-content:center;align-items:center;max-width:calc(100% - 10px);color:#dbd9d9;text-transform:uppercase}.container.svelte-1uha8ag h2:where(.svelte-1uha8ag) .inside:where(.svelte-1uha8ag){width:100%}.container.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:17px;font-weight:400;line-height:1.6;padding:14px 18px;background-color:#ffffff0a;margin:12px 10px;border-radius:8px;color:#ccc}.container.svelte-1uha8ag ul.links:where(.svelte-1uha8ag){text-align:center;background-color:inherit;border:none;display:flex;flex-wrap:wrap;list-style:none;width:100%;justify-content:center;padding:0;margin:8px auto}.container.svelte-1uha8ag ul.links:where(.svelte-1uha8ag) li:where(.svelte-1uha8ag){display:inline-block;margin:8px}.container.svelte-1uha8ag ul.links:where(.svelte-1uha8ag) li:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){color:#a9d019;text-decoration:none;background-color:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(169,208,25,.15);border-radius:8px;padding:8px 16px;text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.5px;transition:background-color .3s ease,transform .2s ease,border-color .3s ease;display:inline-block}.container.svelte-1uha8ag ul.links:where(.svelte-1uha8ag) li:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{background-color:#a9d0191f;border-color:#a9d01959;transform:scale(1.05)}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag){max-width:1200px;width:calc(100% - 20px);margin-top:60px;padding-top:40px;position:relative}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag):before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#bce135,#2dd4bf,#bce135,transparent);border-radius:1px}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) h2:where(.svelte-1uha8ag){margin-bottom:30px;font-size:28px;text-shadow:0 1px 8px rgba(188,225,53,.1)}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) h3:where(.svelte-1uha8ag){font-size:25px;text-align:left;width:100%;color:#a8cf18;font-style:italic;text-transform:uppercase;margin-bottom:12px}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) h3:where(.svelte-1uha8ag) span:where(.svelte-1uha8ag){color:#6b6868}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag){display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-bottom:40px;border-radius:14px;overflow:hidden;filter:saturate(30%) brightness(45%);background:linear-gradient(145deg,#1a1a1a,#111);box-shadow:0 4px 20px #0006;border:1px solid rgba(255,255,255,.05);transition:filter .5s ease-in-out,box-shadow .5s ease-in-out,transform .4s ease-in-out,border-color .5s ease-in-out;will-change:filter,transform}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag){min-width:190px;padding:28px 24px;width:calc(30% - 48px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;background:linear-gradient(180deg,#141414e6,#0f0f0ff2)}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){background-color:transparent;border:none;padding:0;margin:0 0 16px;font-size:15px;line-height:1.5;color:#bbb}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag){margin-top:8px;color:#7fcc72;text-decoration:none;font-style:italic;cursor:pointer;display:block;width:calc(100% - 20px);white-space:nowrap;height:1.5em;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden;font-size:13px;transition:color .3s ease}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag) a:where(.svelte-1uha8ag):hover{color:#a9d019}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) picture,.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){width:70%;min-width:300px;height:auto}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) picture img{width:100%;height:auto}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag):nth-child(2n){flex-direction:row-reverse}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .active:where(.svelte-1uha8ag){border-color:#a9d01866;filter:saturate(100%) brightness(85%);box-shadow:0 8px 40px #a9d0181f,0 4px 20px #00000080;transform:scale(1.01)}.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .active:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag){background:linear-gradient(180deg,#2a2727f2,#1e1c1cf2)}@media only screen and (max-width: 900px){.container.svelte-1uha8ag .portofolio:where(.svelte-1uha8ag) .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag){width:calc(40% - 48px)}}@media only screen and (max-width: 600px){.container.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:34px}.portofolio.svelte-1uha8ag .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag){margin-bottom:30px!important}.portofolio.svelte-1uha8ag .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) .info:where(.svelte-1uha8ag){width:100%!important;padding:16px!important;margin:auto}.portofolio.svelte-1uha8ag .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) picture,.portofolio.svelte-1uha8ag .entries:where(.svelte-1uha8ag) .entry:where(.svelte-1uha8ag) img:where(.svelte-1uha8ag){width:100%!important;height:auto;margin:auto}}