');mask-position:center bottom;mask-repeat:no-repeat;mask-size:contain;width:15px}.f3ahnm8>*:not(.solo-designer)>*:not(.solo-designer) ul[data-type='checkmark-bullet-list'] li p{display:inline;margin-bottom:0 !important}.f3ahnm8>*:not(.solo-designer)>*:not(.solo-designer) .body-font-size-large ul[data-type='checkmark-bullet-list']{margin-left:28px;text-indent:-26px}.f3ahnm8>*:not(.solo-designer)>*:not(.solo-designer) .body-font-size-large ul[data-type='checkmark-bullet-list'] li:before{height:18px;width:18px}@media only screen and (max-width: 576px){.f3ahnm8.font-size-Default h1.mobile-res{font-size:34px;line-height:40.8px}.f3ahnm8.font-size-Default h2.mobile-res{font-size:27.2px;line-height:35.699999999999996px}.f3ahnm8.font-size-Default h3.mobile-res{font-size:20.4px;line-height:27.2px}.f3ahnm8.font-size-Default h4.mobile-res{font-size:17px;line-height:23.8px}.f3ahnm8.font-size-Default h5.mobile-res{font-size:15.299999999999999px;line-height:22.099999999999998px}.f3ahnm8.font-size-Large h1.mobile-res{font-size:44.199999999999996px;line-height:53.04px}.f3ahnm8.font-size-Large h2.mobile-res{font-size:29.92px;line-height:39.27px}.f3ahnm8.font-size-Large h3.mobile-res{font-size:22.439999999999998px;line-height:29.92px}.f3ahnm8.font-size-Large h4.mobile-res{font-size:18.7px;line-height:26.18px}.f3ahnm8.font-size-Large h5.mobile-res{font-size:16.830000000000002px;line-height:24.310000000000002px}.f3ahnm8.font-size-ExtraLarge h1.mobile-res{font-size:54.4px;line-height:65.28px}.f3ahnm8.font-size-ExtraLarge h2.mobile-res{font-size:32.64px;line-height:42.839999999999996px}.f3ahnm8.font-size-ExtraLarge h3.mobile-res{font-size:24.48px;line-height:32.64px}.f3ahnm8.font-size-ExtraLarge h4.mobile-res{font-size:20.4px;line-height:28.56px}.f3ahnm8.font-size-ExtraLarge h5.mobile-res{font-size:18.36px;line-height:26.52px}}.f1re41gn{padding-bottom:32px;padding-left:24px;padding-right:24px;padding-top:32px}@media (min-width: 576px){.f1re41gn{padding-bottom:64px;padding-left:24px;padding-right:24px;padding-top:64px}}.f2k7jl9{height:72px}.f18cm710{background-color:#020617;border:none;box-shadow:0px 2px 5px 0px rgba(0, 0, 0, 0.20), 0px 0px 1px 0px rgba(0, 0, 0, 0.20), 0px 0px 0px 1px rgba(255, 255, 255, 0.4) inset;color:#e2e8f0 !important;width:100%;z-index:100}.f18cm710 h1, .f18cm710 h2, .f18cm710 h3, .f18cm710 h4, .f18cm710 h5, .f18cm710 h6,.f18cm710 .primary-text{color:#fff !important}.f18cm710 .btn,.f18cm710 .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.f18cm710 .btn:hover,.f18cm710 .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.f18cm710 .btn:active,.f18cm710 .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.f18cm710 .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.f18cm710 .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#020617}.f18cm710 .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#020617;opacity:0.7}.f18cm710 .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#020617;opacity:0.7}.f18cm710 .highlight{color:#9333ea}.f18cm710 a{color:#c084fc}.f18cm710 hr{color:#fff;opacity:0.2}.f18cm710 .text,.f18cm710 .social-network-links,.f18cm710 .social-network-links a,.f18cm710 .social-network-links a:hover{color:#fff}.f18cm710 .secondary-text{color:#e2e8f0}.f18cm710 .logo-container{align-items:center;display:flex;justify-content:flex-start;max-width:85%}.f1eo6u5v{bottom:0;box-shadow:0px -1px 0px 0px rgba(255, 255, 255, 0.2) inset;height:1px;left:0;position:absolute;right:0;width:100%}.f1y7ruft{min-height:420px}.f1u7esph{background-color:transparent;color:#e2e8f0 !important;overflow:hidden}.f1u7esph h1, .f1u7esph h2, .f1u7esph h3, .f1u7esph h4, .f1u7esph h5, .f1u7esph h6,.f1u7esph .primary-text{color:#fff !important}.f1u7esph .btn,.f1u7esph .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.f1u7esph .btn:hover,.f1u7esph .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.f1u7esph .btn:active,.f1u7esph .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.f1u7esph .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.f1u7esph .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#020617}.f1u7esph .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#020617;opacity:0.7}.f1u7esph .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#020617;opacity:0.7}.f1u7esph .highlight{color:#9333ea}.f1u7esph a{color:#c084fc}.f1u7esph hr{color:#fff;opacity:0.2}.f1u7esph .right-col > *{justify-content:flex-start !important;text-align:left}.f1u7esph .intro-image-container, .f1u7esph .intro-image{aspect-ratio:1;border-radius:50% !important;object-fit:cover;overflow:hidden;width:100%}.f1u7esph .intro-image-container, .f1u7esph .intro-image > *{aspect-ratio:1}.f16kwsur{margin:1.6em 0;margin-bottom:1em;text-align:left}.f16kwsur p, .f16kwsur ul{margin-bottom:1em}.f16kwsur li{min-height:1em;padding-left:0.1em}.f16kwsur li > p{display:inline;margin:0}.f16kwsur a{text-decoration:underline}.f16kwsur a:hover{text-decoration:none}.f16kwsur ul{list-style-position:outside;padding-left:1.4em}.f18wk7cv{background:linear-gradient(
rgba(2, 6, 23, 0.75),
rgba(2, 6, 23, 0.75)
), url(https://images.unsplash.com/photo-1518770660439-4636190af475?crop=entropy&cs=srgb&fm=jpg&ixid=M3w0OTUyODh8MHwxfHNlYXJjaHwxM3x8ZGFyayUyMG1vZGUlMjB0ZWNobm9sb2d5fGVufDB8MHx8fDE3Mjg2MTM2ODJ8MA&ixlib=rb-4.0.3&q=85);background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}@keyframes f1k4zt7i{0%{box-shadow:0px 0px 0px 2px #c689ff inset}100%{box-shadow:none}}.f17ebq78{border:none;border-bottom:none;border-radius:50%;border-top:none;border-width:1px;overflow:hidden;padding-bottom:100%;position:relative}.f17ebq78 img{left:0;position:absolute;top:0;transform-origin:top left}.f1pu269a{aspect-ratio:1;object-fit:cover;width:100%}.f1ypqmmw{background-color:#1e293b;color:#e2e8f0 !important}.f1ypqmmw h1, .f1ypqmmw h2, .f1ypqmmw h3, .f1ypqmmw h4, .f1ypqmmw h5, .f1ypqmmw h6,.f1ypqmmw .primary-text{color:#fff !important}.f1ypqmmw .btn,.f1ypqmmw .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.f1ypqmmw .btn:hover,.f1ypqmmw .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.f1ypqmmw .btn:active,.f1ypqmmw .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.f1ypqmmw .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.f1ypqmmw .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#1e293b}.f1ypqmmw .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#1e293b;opacity:0.7}.f1ypqmmw .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#1e293b;opacity:0.7}.f1ypqmmw .highlight{color:#9333ea}.f1ypqmmw a{color:#c084fc}.f1ypqmmw hr{color:#fff;opacity:0.2}.f165krj8{border:none;border-bottom:none;border-radius:0;border-top:none;border-width:2px;overflow:hidden;padding-bottom:75%;position:relative}.f165krj8 img{left:0;position:absolute;top:0;transform-origin:top left}.f5szjkw{aspect-ratio:1.3333333333333333;object-fit:cover;width:100%}.fin4unf{height:12px}.fi8un3o{background-color:#4c1d95;color:#e2e8f0 !important}.fi8un3o h1, .fi8un3o h2, .fi8un3o h3, .fi8un3o h4, .fi8un3o h5, .fi8un3o h6,.fi8un3o .primary-text{color:#fff !important}.fi8un3o .btn,.fi8un3o .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.fi8un3o .btn:hover,.fi8un3o .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.fi8un3o .btn:active,.fi8un3o .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.fi8un3o .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.fi8un3o .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#4c1d95}.fi8un3o .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#4c1d95;opacity:0.7}.fi8un3o .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#4c1d95;opacity:0.7}.fi8un3o .highlight{color:#9333ea}.fi8un3o a{color:#c084fc}.fi8un3o hr{color:#fff;opacity:0.2}.fi8un3o .quotes{justify-content:center !important;text-align:center}.f1yh3ulv{text-align:center}.f1yh3ulv p, .f1yh3ulv ul{margin-bottom:1em}.f1yh3ulv li{min-height:1em;padding-left:0.1em}.f1yh3ulv li > p{display:inline;margin:0}.f1yh3ulv a{text-decoration:underline}.f1yh3ulv a:hover{text-decoration:none}.f1yh3ulv ul{list-style-position:inside;padding-left:0}.f1phoftu{background-color:#000000;background-position:center;background-repeat:no-repeat;background-size:cover;color:#e2e8f0 !important;height:320px !important;max-height:640px;min-height:160px}.f1phoftu h1, .f1phoftu h2, .f1phoftu h3, .f1phoftu h4, .f1phoftu h5, .f1phoftu h6,.f1phoftu .primary-text{color:#fff !important}.f1phoftu .btn,.f1phoftu .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.f1phoftu .btn:hover,.f1phoftu .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.f1phoftu .btn:active,.f1phoftu .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.f1phoftu .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.f1phoftu .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#2e1065}.f1phoftu .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#2e1065;opacity:0.7}.f1phoftu .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#2e1065;opacity:0.7}.f1phoftu .highlight{color:#9333ea}.f1phoftu a{color:#c084fc}.f1phoftu hr{color:#fff;opacity:0.2}.f43i7e5{background:linear-gradient(
rgba(0, 0, 0, 0.2),
rgba(0, 0, 0, 0.2)
), url(https://images.unsplash.com/photo-1706886271581-95c9af2bfc75?crop=entropy&cs=srgb&fm=jpg&ixid=M3w0OTUyODh8MHwxfHNlYXJjaHw0fHxkYXJrJTIwbW9kZXJuJTIwdGVjaG5vbG9neXxlbnwwfDB8fHwxNzI4NjEzNjc5fDA&ixlib=rb-4.0.3&q=85);background-position:center;background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.f1aw01w8{background-color:#0f172a;color:#e2e8f0 !important}.f1aw01w8 h1, .f1aw01w8 h2, .f1aw01w8 h3, .f1aw01w8 h4, .f1aw01w8 h5, .f1aw01w8 h6,.f1aw01w8 .primary-text{color:#fff !important}.f1aw01w8 .btn,.f1aw01w8 .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.f1aw01w8 .btn:hover,.f1aw01w8 .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.f1aw01w8 .btn:active,.f1aw01w8 .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.f1aw01w8 .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.f1aw01w8 .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#0f172a}.f1aw01w8 .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#0f172a;opacity:0.7}.f1aw01w8 .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#0f172a;opacity:0.7}.f1aw01w8 .highlight{color:#9333ea}.f1aw01w8 a{color:#c084fc}.f1aw01w8 hr{color:#fff;opacity:0.2}.fb8gee0{background-color:#020617;box-shadow:0px 1px 0px 0px rgba(0, 0, 0, 0.12) inset;color:#e2e8f0 !important}.fb8gee0 h1, .fb8gee0 h2, .fb8gee0 h3, .fb8gee0 h4, .fb8gee0 h5, .fb8gee0 h6,.fb8gee0 .primary-text,.fb8gee0 .logo{color:#fff !important}.fb8gee0 .btn,.fb8gee0 .btn-primary{background-color:#a855f7;border-color:#a855f7;color:#fff}.fb8gee0 .btn:hover,.fb8gee0 .btn-primary:hover{background-color:#9333ea;border-color:#9333ea;color:#fff}.fb8gee0 .btn:active,.fb8gee0 .btn-primary:active{background-color:#7e22ce;border-color:#7e22ce;color:#fff}.fb8gee0 .btn-secondary{background-color:transparent;border-color:#fff;box-shadow:inset 0 0 0px 1.5px #fff;color:#fff}.fb8gee0 .btn-secondary:hover{background-color:#fff !important;border-color:#fff !important;color:#020617}.fb8gee0 .btn-secondary:active{background-color:#fff !important;border-color:#fff !important;color:#020617;opacity:0.7}.fb8gee0 .btn-secondary-loading{background-color:#fff;border-color:#fff;color:#020617;opacity:0.7}.fb8gee0 .highlight{color:#9333ea}.fb8gee0 a{color:#c084fc}.fb8gee0 hr{color:#fff;opacity:0.2}.fb8gee0 .legal-and-made-with a,.fb8gee0 .social-network-links a{color:#fff}.fb8gee0 .legal-and-made-with a:hover,.fb8gee0 .social-network-links a:hover{color:#fff;opacity:0.7}.fb8gee0 .social-network-links{color:#fff;column-gap:24px;justify-content:flex-start}.f52kwit .social-network-links{column-gap:16px}
Welcome to My Personal Portfolio I'm Nazif Hamza Effendy, a passionate computer science student with a love for music. Explore my projects and discover how I blend technology and creativity. Let's connect and collaborate!
Code your dreams into reality.
Explore my journey and creations!
Frequently Asked Questions What is your educational background? I am currently pursuing a degree in computer science, where I am gaining knowledge and skills in programming, software development, and more.
What are your hobbies outside of computer science? In addition to my studies, I have a deep love for music, which inspires my creativity and influences my work.
Do you take on freelance projects? Yes, I am open to freelance opportunities and collaborations. Feel free to get in touch to discuss potential projects.