html,body{background-color:#000;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%;overflow-x:hidden}h1.svelte-12gnus8.svelte-12gnus8,h2.svelte-12gnus8.svelte-12gnus8,h3.svelte-12gnus8.svelte-12gnus8{font-family:Bebas Neue,sans-serif;font-weight:700;font-style:normal;letter-spacing:1px;padding:0}.main.svelte-12gnus8.svelte-12gnus8{position:absolute;left:0px;top:0px;width:100%;height:100%;margin:0;padding:0;z-index:3}.container.svelte-12gnus8.svelte-12gnus8{user-select:none;width:calc(100% - 20px);margin:20px auto auto;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-bottom:100px}.container.svelte-12gnus8 .m1.svelte-12gnus8{max-width:800px}.container.svelte-12gnus8 .profile.svelte-12gnus8{border:5px solid rgb(188,225,53);border-radius:180px;overflow:hidden;width:220px;height:220px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 25px #215419}.container.svelte-12gnus8 .profile img.svelte-12gnus8{z-index:0;object-fit:cover;width:100%;height:100%;filter:saturate(90%)}.container.svelte-12gnus8 h1.svelte-12gnus8{margin:15px 0;text-align:center;text-transform:uppercase;font-size:30px}.container.svelte-12gnus8 h2.svelte-12gnus8{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-12gnus8 h2 .inside.svelte-12gnus8{width:100%}.container.svelte-12gnus8 p.svelte-12gnus8{font-size:18px;border-left:10px solid rgb(169,208,24);padding:10px;background-color:#212020;margin:10px;border-radius:5px}.container.svelte-12gnus8 ul.links.svelte-12gnus8{text-align:center;background-color:inherit;border:none;display:flex;flex-wrap:wrap;list-style:none;width:100%;justify-content:center;padding:0;margin:auto}.container.svelte-12gnus8 ul.links li.svelte-12gnus8{display:inline-block;margin:10px}.container.svelte-12gnus8 ul.links li a.svelte-12gnus8{color:#a9d019;text-decoration:none;background-color:#262525;border-radius:5px;padding:5px 10px;text-transform:uppercase}.container.svelte-12gnus8 .portofolio.svelte-12gnus8{max-width:1200px;width:calc(100% - 20px);margin-top:50px;border-top:10px solid #212020}.container.svelte-12gnus8 .portofolio h2.svelte-12gnus8{margin-bottom:30px;font-size:28px}.container.svelte-12gnus8 .portofolio h3.svelte-12gnus8{font-size:25px;text-align:left;width:100%;color:#a8cf18;font-style:italic;text-transform:uppercase}.container.svelte-12gnus8 .portofolio h3 span.svelte-12gnus8{color:#6b6868}.container.svelte-12gnus8 .portofolio .entries .entry.svelte-12gnus8{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin-bottom:50px;border-top:20px solid rgb(60,59,59);border-radius:10px;border-bottom:1px solid rgb(60,59,59);overflow:hidden;filter:saturate(0%) brightness(25%)}.container.svelte-12gnus8 .portofolio .entries .entry .info.svelte-12gnus8{min-width:190px;padding:20px;width:calc(30% - 40px);display:flex;justify-content:center;align-items:flex-start;flex-direction:column;background-color:#111}.container.svelte-12gnus8 .portofolio .entries .entry .info p.svelte-12gnus8{background-color:inherit;border:none;padding:0;margin:0 0 20px}.container.svelte-12gnus8 .portofolio .entries .entry .info a.svelte-12gnus8{margin-top:10px;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}.container.svelte-12gnus8 .portofolio .entries .entry img.svelte-12gnus8{width:70%;min-width:300px;height:auto}.container.svelte-12gnus8 .portofolio .entries .entry.svelte-12gnus8:nth-child(even){flex-direction:row-reverse}.container.svelte-12gnus8 .portofolio .entries .active.svelte-12gnus8{border-color:#a9d018;transition:all .5s ease-in-out;filter:saturate(100%) brightness(80%)}.container.svelte-12gnus8 .portofolio .entries .active .info.svelte-12gnus8{background-color:#2a2727}@media only screen and (max-width: 600px){.portofolio.svelte-12gnus8 .entries .entry .info.svelte-12gnus8{width:100%!important;padding:10px;margin:auto}.portofolio.svelte-12gnus8 .entries .entry img.svelte-12gnus8{width:100%!important;height:auto;margin:auto}}