body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{padding:0;margin:0;box-sizing:border-box;font-family:sans-serif}:root{--color:#008bff}#root,body{display:grid;place-content:center;height:100vh;width:100vw;overflow:auto}.card.dark{--color:#22d722}::-webkit-scrollbar{width:2px;height:fit-content}::-webkit-scrollbar-thumb{background-color:#22d722;border-radius:6px}::-webkit-scrollbar-track{background-color:initial}.card{margin:32px 0;background:hsla(0,0%,100%,.12941176470588237);color:#fff;border-radius:12px;padding:16px;max-width:400px;width:100%;overflow-y:scroll;position:relative}.card h1{font-size:20px}.card p{font-size:16px}.mt-16{margin-top:16px}.text-center{text-align:center}.profile .avatar{width:120px;height:120px;border-radius:50%;border:4px solid var(--color)}.card .btn_action{padding:10px 12px;text-decoration:none;color:#fff;width:100%;border-radius:8px;border:1px solid var(--color);font-size:16px;transition:1s cubic-bezier(.075,.82,.165,1);display:flex;align-items:center}.card .btn_action span{margin-left:8px}.btn_action:hover{background:var(--color);border:1px solid #fff}.bg_content{background:rgba(41,39,39,.5607843137254902)}.bg_content h3{text-transform:capitalize;text-align:center;margin-bottom:10px}.rd_12{border-radius:12px}.p_8{padding:8px}.card_body{min-width:350px;z-index:2;position:relative}.higthlight{color:var(--color);font-weight:600}.dark-mode,.toggle-btn{position:absolute;top:10px;left:10px;height:30px;width:30px;border-radius:50%}.toggle-btn{z-index:3;background-color:#2e2a2a;border:2px solid var(--color);box-shadow:1px 1px 4px 3px rgba(191,179,179,.7450980392156863)}.card .dark-mode{z-index:1;background-color:#323030;transition:1s ease-in;transform:scale(0);border:1px dashed var(--color)}.card.dark .toggle-btn{background-color:#eedede}.card.dark .dark-mode{transition:1s ease-in;transform:scale(50)}.text-name{font-size:20px;font-weight:700;color:#d7a722}.gambar{width:-webkit-fill-available;border-radius:5px}.bg-text{place-content:center}.mt-5{margin-top:5px}.bg-style{background-color:#6495ed;margin-top:30px}.svg-image{margin-top:15px;text-align:center;padding:0 5px}.svg-image img{padding:10px}.foother{border-top:2px solid;text-align:center;color:#d7a722}
/*# sourceMappingURL=main.993ad9e4.chunk.css.map */