*{margin:0;padding:0}body{background-color:teal}.content{background-color:#fff;width:92%;margin:4% auto auto;border-radius:2px;height:85vh}.col-img{background-color:#191919;position:relative;color:rgba(255,0,0,0);background-image:url(/static/media/PPP.93cb6100.png);background-repeat:no-repeat;background-position:50%;background-size:contain}.nav-btm{background-image:linear-gradient(180deg,rgba(25,25,25,.4),rgb(25 25 25));position:absolute;bottom:0;width:25vw!important;height:30vh;left:0;right:0;margin-left:auto;margin-right:auto;color:teal}.fab{font-size:4vw;margin:10px;color:teal}.col-8{margin:0!important}.col-comp{padding:0}@media screen and (max-width:996px){.img-profile{width:30%;margin-left:30vw}.content{background-color:#fff;width:96%;margin:auto;border-radius:2px;height:100%}.col-img{height:34vh}}.nav{display:flex}.l,.nav{background-color:#e7e4e4}.l{width:25%;text-decoration:none}.active{background-color:#fff}.link{text-align:center;line-height:4.8vh;margin-top:10px;font-family:Arial,Helvetica,sans-serif;color:teal!important;font-weight:600;font-size:13px}.fas-link{color:#757171;line-height:40px}.welcome{text-align:center;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;height:70.9vh}.hallo{font-size:20px;margin-bottom:25px;margin-top:40px}.hallo,.nama{font-weight:700;color:teal}.nama{font-size:30px;margin-bottom:30px}.position{font-size:18px;font-weight:400;color:teal}.hr-welcome{background-color:teal;border:1px solid teal;width:45vw;margin:30px auto 16px}.desc-welcome{width:56vw;margin:auto;color:teal;font-size:14px;font-style:italic}.number{color:teal;font-weight:700;margin-top:20px}.email{color:teal;font-size:16px;margin-top:-10px}.btn-outline{border:3px solid teal;color:teal}@media screen and (max-width:650px){.hallo{font-size:18px}.nama{font-size:24px}.position{font-size:16px}.desc-welcome{font-size:12px}.email,.number{font-size:14px}}@media screen and (min-width:560px){.profile{height:76vh;overflow:auto;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s}.scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.scrollbar::-webkit-scrollbar{width:10px;background-color:#f5f5f5}.scrollbar::-webkit-scrollbar-thumb{background-color:teal;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(.5,hsla(0,0%,100%,.2)),color-stop(.5,transparent),to(transparent))}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.title-page{margin-top:40px;font-size:18px;text-align:center;font-weight:400;color:teal}.title_bold{font-weight:700}.hr_title_page{color:teal;border-bottom:2px solid teal;width:150px;margin:20px auto 30px}.text-name{color:teal;font-weight:700;font-size:14px}.text-ahmad{color:teal}.col-edu{border-right:2px solid teal}.edu{width:90%;background-color:#999}.desc{width:20vw}.toga{color:teal;margin-right:-78.6px;font-size:45px}.fa-graduation-cap,.fa-laptop-code{top:-6px!important;left:-50px;position:relative;font-size:26px;color:#fff}.t1{margin-top:20px!important}.s1{margin-top:75px}.t2{margin-top:82px!important}.t3{margin-top:38px!important}.desc-sc{line-height:22px}.desc-sc,.dot{color:teal;font-size:12px}.dot{margin-right:2px}.s-uji{margin-left:-101.1px}.card-hobby{background-color:#e7e4e4;padding-top:1px}.title-hb{margin-top:50px}.ul-hobby{width:96%;margin-top:60px!important;display:flex;justify-content:space-between;margin-bottom:-20px}.li-hobby{list-style:none;text-align:center}.icon-hobby{font-size:30px;color:teal;margin-bottom:20px}@media screen and (max-width:1026px){.t1{margin-top:24px!important}.s1{margin-top:75px}.t2{margin-top:99px!important}.t3{margin-top:60px!important}}@media screen and (max-width:966px){.text-ahmad,.text-name{font-size:14px}.ul-hobby{width:100%;margin-top:60px!important;margin-left:-20px!important;display:flex;justify-content:space-between}.t1{font-size:13px}.s1{margin-top:75px}.t3{margin-top:78px!important}.t2,.t3{font-size:13px}.t2{margin-top:162px!important}.t1{margin-top:24px!important}}@media screen and (max-width:390px){.t1{font-size:13px}.s1{margin-top:75px}.t3{margin-top:78px!important}.t2,.t3{font-size:13px}.t2{margin-top:182px!important}.t1{margin-top:24px!important}}#map{border-top:2px solid teal;border-bottom:2px solid teal}.kode-pos{color:teal}.portofolio{height:76vh;overflow:auto;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s}.x{position:relative}.container-port{display:flex}.img-port,.overlay{width:100%}.overlay{position:absolute;background-color:teal;height:100%;top:0;opacity:0;transition:.9s;color:#fff}.x:hover .overlay{opacity:1}.title-img-port{top:50%;font-size:20px;top:40%}.desc-img-port,.title-img-port{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.desc-img-port{font-size:14px;top:55%;font-style:italic}@media screen and (max-width:966px){.container-port{display:block}}.skill-bar{width:100%;border:4px solid teal;padding-top:2px;margin-top:-10px;margin-bottom:20px}.skill{height:10px;color:#fff;background-color:teal}.html{width:90%}.css,.js{width:85%}.ci{width:80%}.lv{width:65%}.jq,.lv,.react{width:80%}.name-skill,.present-skill{color:teal}.name-skill{font-weight:700}.place-icon-services{background-color:teal;height:100px;width:100px;border-radius:50%;margin:auto}.icon-service{color:#fff;line-height:100px}
/*# sourceMappingURL=main.f83e0427.chunk.css.map */