.about{position:relative;isolation:isolate;width:100%;min-height:100vh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.decor{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;width:88%;max-width:88%;pointer-events:none;object-fit:contain;overflow:hidden}.h2,h2{font-family:JosefinSans-SemiBold,sans-serif}.decor-top{top:0;z-index:1}.decor-bottom{top:0;z-index:4}.bg-circles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;background:#ffffffb8;box-shadow:0 10px 28px #0000009c,0 4px 10px #00000069,inset 0 1px #ffffffe6;animation:bg-circle-drift ease-in-out infinite;will-change:transform}.bg-circle--1{width:300px;height:300px;top:12%;left:8%;animation-duration:22s;animation-delay:0s}.bg-circle--3{width:190px;height:190px;top:60%;left:14%;animation-duration:32s;animation-delay:-8s}.bg-circle--4{width:70px;height:70px;top:68%;left:92%;animation-duration:20s;animation-delay:-2s}.bg-circle--6{width:200px;height:200px;top:70%;left:79%;animation-duration:24s;animation-delay:-6s}@keyframes bg-circle-drift{0%,to{transform:translate(0)}25%{transform:translate(28px,-36px)}50%{transform:translate(-20px,24px)}75%{transform:translate(18px,16px)}}#box{position:absolute;width:500px;height:240px;background:#fff;top:10%;left:42%;z-index:99}.text-box-green{border-radius:14px;border:8px solid rgba(255,255,255,.37);font-size:20px;position:absolute;top:53%;transform:translate(-50%,-50%);width:200px;height:390px;background:linear-gradient(180deg,#c6ffb8a8 10px,#249c00bb 13%,#c0ffb398 99%);box-shadow:13px 13px 10px #4d4d4dd0,inset 8px 0 10px #00240899;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(10px);padding:.5rem;overflow-y:auto;overflow-x:hidden;z-index:2;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif}#text-box11{left:27%;top:51%;width:190px;height:350px}#text-box12{left:55%;top:19%;width:320px;height:100px;background:linear-gradient(180deg,#d6ffcca8 4px,#249c00bb 13%,#c0ffb398 99%)}#text-box13{left:46%;top:40%;text-align:center;font-size:25px;width:200px;height:110px;border:8px solid rgba(255,255,255,.37);background:linear-gradient(180deg,#c6ffb8a8 5px,#249c00bb 13%,#c0ffb398 99%)}#text-box14{left:50%;top:67%;width:320px;height:320px;background:linear-gradient(180deg,#cfffc3a8 4px,#249c00bb 13%,#c0ffb398 99%)}.text-box-green::-webkit-scrollbar{width:15px}.text-box-green::-webkit-scrollbar-thumb{border-radius:7px;background:#d1d3d08f;border:3px solid;border-color:#fefffe9f #7070708a #ffffffa2 #def3d8a8}#cursor-droplet{position:fixed;width:30px;height:30px;border-radius:50%;background:#ff00c8c0;box-shadow:0 0 30px 15px #ff00c8b2,0 0 60px 25px #ff00c893,0 0 90px 35px #ff00c846;pointer-events:none;z-index:999;transform:translate(-50%,-50%);opacity:0;transition:opacity .8s;opacity:.5}#cursor-droplet.visible{opacity:1}.bottom-bar{position:absolute;bottom:10px;width:100%;height:60px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-bar{position:absolute;left:20px;width:70%;height:60px;padding:6px;background:#ffffff26;box-shadow:0 8px 32px #0d2626;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:60px;border:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:space-evenly}.nav-icons{display:flex;align-items:center;justify-content:center;width:25%;padding:6px;border-radius:60px;cursor:pointer;transition:all .1s ease-in-out}.nav-icons:hover{background-color:#ffffff26}.nav-icons svg{transition:all .1s ease-in-out}.nav-icons:hover svg{transform:translateY(-2px)}.nav-icons svg:active{transform:scale(.9)}.search-bar{position:absolute;right:20px;width:60px;height:60px;border-radius:50%;background:#ffffff26;box-shadow:0 8px 32px #0d2626;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease-in-out}.search-bar:hover{transform:translateY(-2px)}.search-bar svg{transition:all .1s ease-in-out;transition-delay:.1s}.search-bar:hover svg{transform:translateY(-2px)}.search-bar svg:active{transform:scale(.9)}.shapes{position:absolute;width:600px;height:400px;z-index:-1}.triangle{position:absolute;top:20%;left:10%;width:100px;height:100px;transform:rotate(-45deg);animation:move 12s linear infinite}.circle{position:absolute;top:30%;right:30%;width:80px;height:80px;background-color:#c436eb;border-radius:50%;animation:move 12s linear infinite;animation-delay:2s}.square{position:absolute;bottom:40%;right:60%;width:50px;height:50px;background-color:#def92e;border-radius:12px;transform:rotate(45deg);animation:move 12s alternate-reverse infinite;animation-delay:6s}@keyframes move{0%,to{transform:rotate(-45deg)}25%,75%{transform:translate(30px) translateY(10px) rotate(30deg)}50%{transform:translate(60px) translateY(20px)}}@font-face{font-family:JosefinSans-SemiBold;src:url(/_astro/JosefinSans-SemiBold.BhZ2QmT5.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:JosefinSansBold;src:url(/_astro/JosefinSans-SemiBold.BhZ2QmT5.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:WelcomeRamadhan;src:url(/_astro/WelcomeRamadhan.CcYZZK6q.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Arogant;src:url(/_astro/ArogantDEMO.D7PojJyP.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}