@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css");html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;background:rgba(0,0,0,.05)}body,input,textarea{font-size:16px}.layout{padding:0 2rem}.custom-dropdown .dropdown-menu{min-width:150px;right:0;left:auto}.about-page{max-width:800px;margin:0 auto;padding:2rem;background:#f8f9fa;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.portfolio-card{margin:1rem;cursor:pointer;transition:transform .2s}.portfolio-card:hover{transform:scale(.99)}.portfolio-page{padding:2rem;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);margin:2rem auto}.portofolio{margin:2px;transition:box-shadow .1s ease-in}.portofolio+.portofolio{margin-top:2rem}h2{font-size:2rem;color:#333}.author,h2{margin-bottom:1rem}.author{font-size:1rem;color:#555}.profile-image-container,.profile-image-container .profile-image{width:75px;height:75px;border-radius:50%;object-fit:cover}.cover-image-container,.cover-image-container .cover-image{width:100%;height:200px;background-size:cover;background-position:50%;background-repeat:no-repeat;border-radius:8px;margin-bottom:-50px}.cover-image-container,.profile-image-container{position:relative;display:inline-block}.cover-image-container:hover .overlay,.profile-image-container:hover .overlay{opacity:1}.profile-image-container:hover .overlay{border-radius:50%}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}.overlay i{color:#fff;font-size:24px;cursor:pointer}.text-indent-1{text-indent:1rem}.text-indent-2{text-indent:2rem}.text-indent-md-3{text-indent:3rem}.text-justify{text-align:justify}