*{box-sizing:border-box;margin:0;padding:0}#root{margin:0;padding:0;width:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}nav{width:100%;height:5.5em;display:flex;background-color:#3c99dc;align-items:center}nav div{display:flex;width:60%;align-items:center;justify-content:center;padding:1em}nav img{width:10%;margin-left:10em}ul{list-style-type:none}.active{text-decoration:none;color:#ccf2ff;font-size:1.2em;font-weight:500;padding:0 1.5em}.inactive:hover{color:#ccf2ff}.inactive{text-decoration:none;color:#afd8e6;font-size:1.2em;font-weight:500;padding:0 1.5em}.home{width:100%;min-height:80vh;display:flex;flex-direction:column;color:#fff;background-color:#d5f3fe;align-items:center}.home h1{margin-top:2em;font-size:3em;color:#0f5298}.home-download{width:40%;margin-top:2em;display:flex;justify-content:center;align-items:start;flex-direction:row;gap:3em}.dropdown{width:100%;display:flex;flex-direction:column;gap:1em;background-color:#3c99dc;padding:.7em;border-radius:8px;box-shadow:2px 3px 9px 1px #9d9d9dbf;-webkit-box-shadow:2px 3px 9px 1px rgba(157,157,157,.75);-moz-box-shadow:2px 3px 9px 1px rgba(157,157,157,.75);text-align:center}.drop-menu{display:flex;width:30%;flex-direction:column;justify-content:center;align-items:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.drop-menu a{color:#ccf2ff;font-size:20px}.drop-menu a:hover{color:#ccf2ff}.drop-items{display:flex;margin-bottom:5em;width:90%;flex-direction:column;justify-content:center;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.drop-items .a{width:100%;font-size:18px;padding:.6em 0;color:#616161}.ganjil{background-color:#b4cbd4}.genap{background-color:#ebebeb}.download{width:30%;display:flex;flex-direction:column;gap:1em;background-color:#3c99dc;color:#ccf2ff;padding:.7em;border-radius:8px;box-shadow:2px 3px 9px 1px #9d9d9dbf;-webkit-box-shadow:2px 3px 9px 1px rgba(157,157,157,.75);-moz-box-shadow:2px 3px 9px 1px rgba(157,157,157,.75);text-align:center;font-size:20px}.download:hover{color:#ccf2ff}footer{color:#ccf2ff;font-size:18px;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;background-color:#327db3;width:100%;height:4em}.errorPage{width:100%;height:100vh;display:flex;flex-direction:column;color:#0f5298;background-color:#d5f3fe;align-items:center;justify-content:center}.errorPage img{width:25%}.errorPage h1{font-size:2.5em}.errorPage p{margin-top:.5em;width:70%;font-size:25px;font-weight:700;line-height:1em;text-align:center}@media (max-width: 768px){nav{height:4em}nav img{width:20%;margin-left:1.5em}nav div{width:100%;justify-content:end;padding:1em}ul{display:flex;flex-direction:row;gap:1em}.active{text-decoration:none;color:#ccf2ff;font-size:1em;font-weight:500;padding:0 1em}.inactive:hover{color:#ccf2ff}.inactive{text-decoration:none;color:#afd8e6;font-size:1em;font-weight:500;padding:0 1em}.home{min-height:85vh;max-height:max-content}.home h1{width:90%;font-size:1.5em;line-height:1.3em}.home-download{width:80%;flex-direction:row;gap:2em}.dropdown{width:100%;padding:.5em}.download{width:80%;margin-bottom:0}.drop-menu{width:40%}.drop-menu a{font-size:17px}.drop-items{width:80%}.drop-items .a{font-size:17px}.download{width:40%;font-size:17px;padding:.5em}footer{height:4em;font-size:13px;padding:1.5em 0}footer p{width:65%}.errorPage{height:100vh}.errorPage img{width:50%}.errorPage h1{width:80%;font-size:1.8em;text-align:center;line-height:1.2em;margin-top:1em}.errorPage p{width:90%;font-size:17px;line-height:1.2em;text-align:center;margin-top:2em}}.input{margin-top:1em;width:50%;height:3.6em;display:flex;flex-direction:row;justify-content:center;background-color:#b9deec;border-radius:10px}.input input{width:75%;border:none;background-color:#b9deec;color:#616161;font-size:20px;font-weight:600;border-radius:10px;margin-left:1em}.input input:focus{outline:none}.paste{width:8%;display:flex;background-color:#66d3fa;border-radius:10px;justify-content:center;align-items:center;cursor:pointer}.paste img{width:50%;height:65%}.unduh{width:20%;display:flex;background-color:#3c99dc;box-shadow:2px 3px 9px 1px #9d9d9dbf;-webkit-box-shadow:2px 3px 9px 1px rgba(157,157,157,.75);-moz-box-shadow:2px 3px 9px 1px rgba(157,157,157,.75);font-size:20px;font-weight:500;color:#ccf2ff;border-radius:10px;place-items:center;place-content:center;cursor:pointer}@media (max-width: 768px){.input{width:80%;height:3.2em}.input input{width:55%;font-size:17px;margin-left:.5em}.paste{width:17%}.unduh{width:28%;font-size:17px}}.about{width:100%;height:125vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background-color:#d5f3fe;text-align:center}.about h1{color:#0f5298}.about p{width:70%;color:#0f5298;font-size:30px;font-weight:500;line-height:1em;margin:.3em 0 1em}.contributor{width:100%}.group1{width:100%;height:max-content;display:flex;flex-direction:row;justify-content:center;align-items:center}.group2{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.person{width:20%;height:100%;display:flex;flex-direction:column;align-items:center}.person2{width:40%;display:flex;flex-direction:column;align-items:center}.person img{padding:15px 10px;border-radius:50%;width:80%;height:100%}.person2 img{padding:15px 10px;border-radius:50%;width:40%;height:100%}.person img:hover,.person2 img:hover{animation:scale-up .8s ease-in-out}.person h2{width:60%;color:#0f5298}.person2 h2{width:30%;color:#0f5298}@keyframes scale-up{0%{transform:scale(1)}70%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width: 768px){.about{height:max-content;padding:2em 0}.about h1{width:90%;font-size:1.7em;line-height:1.2em}.about p{width:90%;font-size:20px;line-height:1.2em}.group1,.group2{flex-direction:column}.person,.person2{width:100%;margin-bottom:2.5em}.person img,.person2 img,.person h2{width:60%}.person2 h2{width:50%}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:none;-webkit-tap-highlight-color:transparent}button,img{-webkit-tap-highlight-color:transparent}body{margin:0;width:100%;display:flex;min-height:100vh}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-track{background-color:#87ceeb}::-webkit-scrollbar-thumb{background-color:#006d98;-webkit-border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.9);border:3.5px solid skyblue;border-radius:10px}body{margin:0;display:flex}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}