.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.text-4xl{font-size:2rem;line-height:2.5rem}@keyframes wave{0%{transform:rotate(0deg)}15%{transform:rotate(14deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(10deg)}70%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.animate-wave{animation:wave 1s ease-in-out infinite;font-size:4.5rem;line-height:1;margin-left:1.25rem}@media screen and (min-width:768px){.md\:text-5xl{font-size:2.6rem;line-height:1.5}.md\:mx-auto{margin-left:auto!important;margin-right:auto!important}.md\:pl-36{padding-left:5rem!important}}@media screen and (max-width:768px){.latar-belakang{left:50%;margin-top:30%;transform:translate(-50%,-50%);max-height:340px}.spline{max-height:350px}.custom-loader{margin:0;margin-top:50px!important}}@media screen and (max-width:480px){.latar-belakang{margin-top:50%!important}}.card-1{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:370px}@media (min-width:768px){.card-1{width:auto}.custom-loader{margin:auto}}.card-1{max-width:var(--tw-width-sm)}@media (min-width:768px){.card-1{height:var(--tw-size-80)}}.card-1{max-height:var(--tw-size-96);--tw-bg-opacity:1;background-color:rgb(79 79 79/var(--tw-bg-opacity));border-top-left-radius:50px;border-top-right-radius:30px;border-bottom-left-radius:50px;border-bottom-right-radius:30px}.custom-loader{width:240px;height:44px;border-radius:40px;color:#00cef4;border:4px solid;position:relative}.custom-loader:before{content:"";position:absolute;margin:4px;inset:0 100% 0 0;border-radius:inherit;background:#00cef4;animation:p6 2s infinite}@keyframes p6{to{inset:0}}@media screen and (max-width:768px){.image-profile{margin-top:-40px!important;margin-right:100px!important}}div.card{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);width:350px;max-width:20rem}@media screen and (min-width:768px){div.card{height:var(--tw-size-80);width:auto}}@media screen and (max-width:768px){.about{margin-top:18rem}.card{height:400px}.judul-card{font-size:30px!important}}div.card{max-height:var(--tw-size-96);background-color:rgb(79 79 79/var(--tw-bg-opacity))}div.card,div.card-2{--tw-bg-opacity:1;border-top-left-radius:50px;border-top-right-radius:30px;border-bottom-left-radius:50px;border-bottom-right-radius:30px}div.card-2{background-color:rgb(39 122 101/var(--tw-bg-opacity));background-size:cover;margin-left:var(--tw-size-0);margin-right:var(--tw-size-0);padding:var(--tw-size-11) var(--tw-size-28) var(--tw-size-11) var(--tw-size-7)}.card:hover .card-2,div.card-2{transition-property:border-radius;transition-duration:1s}.card:hover .card-2{border-bottom-left-radius:0;border-bottom-right-radius:0}.card .card-desc{padding:0;height:0;opacity:0;display:none;transition:display 1.5s ease-in-out}.card:hover{scale:1.05;transition:scale .9s ease-in-out}.card:hover .card-2{height:auto!important}.card:hover .card-desc{height:100%;visibility:visible!important;opacity:1;display:block!important;padding-top:14px;padding-left:14px;padding-right:5px}.judul-card{width:max-content}.card .judul-card{transition:background-color .6s ease;color:#f5f5f5;border-radius:10px;padding:5px;background-color:rgb(79 79 79/var(--tw-bg-opacity))}.card:hover .judul-card{color:#000;background-color:transparent;padding:0}div.about-text:hover{--tw-translate-x:var(--tw-size-4);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}div.about-text{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:linear}.porto-card{width:100%;height:100%;background-color:#fff;border-top-left-radius:50px;border-top-right-radius:30px;border-bottom-left-radius:50px;border-bottom-right-radius:30px}.porto-card-title{font-size:1.5rem;font-weight:600;color:#000;margin-top:1rem;margin-bottom:1rem;display:flex;justify-content:center;align-items:center;gap:10px}.porto-card-image img{width:100%;max-height:450px;object-fit:cover;border-top-left-radius:50px;border-top-right-radius:30px}.porto-card-description{height:150px;max-height:170px}.porto-card-description,.porto-card-description2{margin-inline:auto;overflow-y:auto;padding-inline:5rem}.porto-card-description2{height:250px;max-height:270px}@media screen and (max-width:768px){.porto-card-description{height:150px;max-height:150px;text-align:left;padding-inline:.2rem;height:250px;max-height:250px;overflow-y:scroll;scroll-behavior:smooth}}.porto-card-tech{display:flex;justify-content:center;align-items:center}.icon-context{display:inline-block;margin-inline:3px}.porto-card-image{cursor:pointer;transition:transform 1s ease-in-out;scale:1}.porto-card-image:hover{transform:scale(1.1);transition:transform 1s ease-in-out}.loader{width:-moz-fit-content;width:fit-content;font-weight:700;font-family:monospace;font-size:30px;background:linear-gradient(90deg,#000 50%,#0000 0) 100%/200% 100%;animation:l21 2s linear infinite}.loader:before{content:"Loading...";color:#0000;padding:0 5px;background:inherit;background-image:linear-gradient(90deg,#fff 50%,#000 0);-webkit-background-clip:text;background-clip:text}@keyframes l21{to{background-position:0}}