@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600&display=swap);:root{--clr-white:#fff;--clr-light:#f8f9fa;--clr-dark:#212529;--clr-dark-sec:#333;--clr-flamingo:#ff5d8f;--clr-flamingo-darken:#f75588;--section-padding:2.5rem 0 4rem 0;--section-padding-sm:1.8rem 0 2.5rem 0;--border-debug:1px solid red}*,::after,::before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Montserrat,Arial,sans-serif;color:var(--clr-dark);min-height:300vh}.container{width:80%;max-width:1110px;margin:0 auto}a{text-decoration:none;color:var(--clr-dark);-webkit-transition-duration:270ms;-o-transition-duration:270ms;transition-duration:270ms}.filter-btn:active,.filter-btn:hover,a:active,a:hover{color:var(--clr-flamingo);font-weight:400}h1,h2,h3,h4{font-weight:400}h1{font-size:2.5rem}h2{font-size:2.2rem}h3{font-size:1.5rem}h1>strong{font-weight:600}ul{list-style:none}p{margin-bottom:1rem}table{margin-bottom:2.4rem}table tr td,table tr th{text-align:left;font-weight:400;padding:8px 20px 8px 0;border-bottom:1px solid #d3d3d3}table tr th.skills{padding:0;font-size:1.2rem;font-weight:600;border:none}.hidden{display:none}.btn{border:1px solid var(--clr-dark);border-radius:6px;color:(var(--clr-dark));padding:8px 14px}.btn-primary{color:var(--clr-white);background-color:var(--clr-flamingo);border:none;-webkit-transition:background-color 250ms ease-in-out;-o-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}.btn-primary:hover{color:var(--clr-white);background-color:var(--clr-flamingo-darken)}.btn-form{display:block;width:100%;cursor:pointer;font-size:1rem}.filter-btn{font-size:1rem;padding:.5rem 0;color:var(--clr-dark);background:0 0;border:none;outline:0;cursor:pointer}h3.section-title{position:relative;display:inline-block;margin-bottom:2rem;font-weight:500}h3.section-title::before{content:"";position:absolute;bottom:-5px;width:110%;height:4px;background-color:var(--clr-flamingo)}p.whisper-text{display:block;font-weight:300}.scroll-me{z-index:100}.badge{display:inline-block;padding:8px;background-color:var(--clr-flamingo);color:var(--clr-white);font-size:.8rem;border-radius:5px;margin-bottom:1rem;margin-right:6px}.navbar{position:fixed;width:100%;padding:14px 0;border-bottom:1px solid var(--clr-dark);background-color:var(--clr-white);z-index:1000;max-height:70px}.navbar .nav-logo-text{display:none}.navbar>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.navbar ul.nav-list{display:-webkit-box;display:-ms-flexbox;display:flex}.navbar ul.nav-list li.nav-item{margin:0 8px}section.home{position:relative;width:100%;height:100vh}.home-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.home .scroll-me{text-align:center;position:absolute;left:50%;bottom:-2rem;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}section.about-me{position:relative;padding:var(--section-padding);padding-bottom:1.4rem;background:var(--clr-light)}.about-me .scroll-me{position:absolute;left:50%;bottom:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;text-align:center;margin:0 auto}.about-content{display:-ms-grid;display:grid;-ms-grid-columns:20rem 1fr;grid-template-columns:20rem 1fr;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:4rem}.about-content img.profile-pic{position:relative;margin:0 auto;margin-top:1rem;width:12rem;border-radius:50%;border:1.2px solid var(--clr-flamingo)}.profile-desc p{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-indent:26px}.profile-desc p:nth-of-type(3){margin-bottom:2rem}section.portofolio{padding:var(--section-padding)}.portofolio .filter-list{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:2rem}.portofolio .filter-item{position:relative;margin-right:1.3rem}.portofolio .filter-item.active::after{content:"";position:absolute;width:7px;height:7px;left:50%;bottom:-12px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:var(--clr-flamingo);border-radius:50%}.portofolio .project-wrapper{display:-ms-grid;display:grid;-ms-grid-columns:minmax(300px,1fr) 2rem minmax(300px,1fr) 2rem minmax(300px,1fr);grid-template-columns:repeat(3,minmax(300px,1fr));grid-gap:2rem}.project-card{border:1px solid var(--clr-dark);border-radius:10px;overflow:hidden}.project-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:250px}.project-card .project-info{padding:1rem}.project-info .project-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.project-info p.project-desc{font-size:.925rem;min-height:70px;text-indent:0}.project-info hr.line-break{border:none;border-bottom:.3px solid var(--clr-dark);margin-bottom:1rem}.project-info .links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}section.contact{padding:var(--section-padding);background-color:var(--clr-light)}.contact-content{display:-ms-grid;display:grid;-ms-grid-columns:1fr 3rem 1fr;grid-template-columns:repeat(2,1fr);grid-gap:3rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.contact-content h2{text-align:right}.contact-form{width:70%;padding:2rem;border:1px solid var(--clr-dark);border-radius:8px}.form-group input,.form-group textarea{width:100%;padding:12px;font-size:1rem;font-weight:400;font-family:Montserrat,sans-serif;outline:0;border:1px solid var(--clr-dark-sec);border-radius:5px;background-color:var(--clr-light);margin-bottom:.8rem;-webkit-transition:border 250ms ease-in-out;-o-transition:border 250ms ease-in-out;transition:border 250ms ease-in-out}.form-group input:focus,.form-group textarea:focus{border:1px solid var(--clr-flamingo)}form .captcha-input{width:100%;margin-bottom:.8rem}footer{border-top:1px solid var(--clr-dark)}footer .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1.5rem 0}footer p{margin:0}.social-media a>img{width:25px;-webkit-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8);margin-right:5px;-webkit-transition:-webkit-transform 250ms ease-in-out;transition:-webkit-transform 250ms ease-in-out;-o-transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out;transition:transform 250ms ease-in-out,-webkit-transform 250ms ease-in-out}.social-media a:hover>img{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}@media screen and (max-width:1030px){.portofolio .project-wrapper{-ms-grid-columns:minmax(300px,1fr) 1.5rem minmax(300px,1fr);grid-template-columns:repeat(2,minmax(300px,1fr));grid-gap:1.5rem}.contact-content{display:-ms-grid;display:grid;-ms-grid-columns:40% 3rem 60%;grid-template-columns:40% 60%;grid-gap:3rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width:800px){h1{font-size:2.3rem}h2{font-size:2rem}h3{font-size:1.5rem}a{font-size:.9rem}.about-content{-ms-grid-columns:1fr;grid-template-columns:1fr;margin-bottom:3rem}.about-content img.profile-pic{width:10rem;margin-bottom:2rem}.portofolio .project-wrapper{-ms-grid-columns:minmax(300px,1fr) 1.2rem minmax(300px,1fr);grid-template-columns:repeat(2,minmax(300px,1fr));grid-gap:1.2rem}.project-info .project-title{font-size:1rem}.project-info .project-desc{font-size:.9rem}.contact-content{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:1rem}.contact-content h2{text-align:center}.contact-form{margin:0 auto}footer{font-size:.9rem}}@media screen and (max-width:420px){h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1.2rem}a{font-size:1rem}h3.section-title{font-size:1.4rem}.filter-btn{font-size:.9rem}p.whisper-text{font-size:.9rem;display:block;font-weight:300}.navbar{height:auto;max-height:70px}.navbar .nav-logo{display:none}.navbar .nav-logo-text{display:block;margin-bottom:8px;font-weight:600}.navbar>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.navbar>div img{margin-bottom:8px}.navbar ul.nav-list{-ms-flex-pack:distribute;justify-content:space-around}.navbar ul.nav-list li.nav-item{margin:0 8px}.portofolio .project-wrapper{-ms-grid-columns:1fr;grid-template-columns:1fr;grid-gap:2rem}.portofolio .filter-list{padding-bottom:2.2rem}.portofolio .filter-item{margin-right:1.2rem}section.contact{padding:var(--section-padding-sm)}.contact-content h2{font-size:1.5rem}.contact-form{width:100%;padding:1.5rem 1rem}footer .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.social-media{margin-bottom:1rem;font-size:.9rem}.copyright{font-size:.8rem}}