body{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}div{-webkit-box-sizing:border-box;box-sizing:border-box}img{vertical-align:top;max-width:100%;height:auto}a{text-decoration:none;color:#008066}a:hover{color:#ff8787}a:visited{color:#008066}nav{width:100%;z-index:200}h3{font-size:25px;font-family:"Gochi Hand",cursive;color:#fff;line-height:normal;margin:0 0 20px 0;display:inline-block;padding:5px 20px 5px 20px}body{font-family:Averia Libre,sans-serif}p{font-family:Averia Libre,sans-serif;font-size:19px;color:#6c5353;padding:0}.gambar_skill p{text-align:center}.clearfix{clear:both}.center{text-align:center;display:block;background-color:red}.navigasi{position:fixed;left:0;top:0;width:100%;z-index:100}.menu{background-color:#fff;padding:0;padding-top:5px;padding-bottom:2px;text-align:center}.menu ul{margin:0;list-style:none;padding:0;margin:0;display:inline-block}.menu ul li{padding:2px;margin-left:0;margin-right:0;background-color:#fff;display:inline-block}.menu ul li a{padding:2px;margin-left:0;margin-right:0;outline:0;-webkit-transition:.2s;transition:.2s;display:inline-block;border-radius:10px}.menu ul li img{width:25px;height:25px}.menu ul li a:hover{background-color:#ffd5d5;-webkit-transition:.2s;transition:.2s}.menu ul li a:active{background-color:#fff;outline-style:none}.menuaktif{background-color:#ffd5d5}.batas{height:6px;background-image:url(/images/71fd321d79cf4596b348377f51f2d24bacc1a35d/garis_bawah_menu.png);background-repeat:repeat-x;padding:0;margin:0}.judul_besar h1{font-size:50px;font-family:"Gochi hand",cursive;color:#008066;line-height:60px;margin-bottom:0;padding:0;z-index:99;position:relative}.judul_kecil h2{font-size:20px;font-family:"Averia Libre",sans-serif;background-color:#008066;color:#fff;line-height:normal;margin:0;padding:1px 20px 2px 20px;background-image:url(/images/8867218e8a94686b38f2dc350e3cc8d8358be09f/latar_teks2.png);background-position:bottom right;background-repeat:no-repeat;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:99;display:inline;position:relative}.anim{position:absolute;width:30%;-webkit-animation-name:animasi;animation-name:animasi;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:.7;z-index:-1}@-webkit-keyframes animasi{0%{left:0}100%{left:70%}}@keyframes animasi{0%{left:0}100%{left:70%}}.imej_depan{position:relative;bottom:0;width:100%;text-align:center;z-index:20}.judul_kecil{margin-bottom:50px}#hal_1{background-color:#afe9dd;height:100vh;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding:0;margin:0}#hal_2{height:100vh;padding:0;margin:0}.konten{padding-top:100px}.flexskill{width:100%}.gambar_skill{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px 0 10px;width:25%;display:block;float:left}.rubrik_putih h3{background-color:#008066;background-image:url(/images/c01f233c2416bc13c9bd7952677ab230cff65da4/latar_teks_putih.png);background-position:bottom right;background-repeat:no-repeat}.rubrik_toska h3{background-color:#008066;background-image:url(/images/bbe5586f8f92a64d3aad16c297872744400ec4b2/latar_teks_toska1.png);background-position:bottom right;background-repeat:no-repeat}.rubrik_toska_tua h3{background-color:#2ca089;background-image:url(/images/2f992d3b5b16c1e8f2f3d03f4c5bc12ff65adcb2/latar_teks_toskatua.png);background-position:bottom right;background-repeat:no-repeat}#hal_3{height:100vh;padding:0;margin:0;background-color:#afe9dd}.gallery{display:block;padding:10px;background-color:#37c8ab;background-image:url(/images/cf79dc8416aa14b87b7fe34ad19750341fc75063/latar_teks_toska_bawah.png),url(/images/50ae33739a2682d8ea765d0ea2998dc7755afa77/latar_teks_toska_kiri.png),url(/images/7be830c3040a5a665230baf2cdc08059d60567d7/latar_teks_toska_atas.png),url(/images/3dbd93c7593a3ae7929b6ed977bb22ec9d9695b2/latar_teks_toska_kanan.png);background-position:top,right,bottom,left;background-repeat:repeat-x,repeat-y,repeat-x,repeat-y}.portfolio_img{background-color:#37c8ab;background-image:url(/images/a2933474ed13b362227c2a99f3ef15abf4a4cd82/perbesar.png);background-repeat:no-repeat;background-position:center center;width:25%;padding:0;margin:0;float:left}.portfolio_img a:hover{opacity:.2;-webkit-transition:all .4s;transition:all .4s}#hal_4{height:100vh;padding:0;margin:0}#hal_6{height:100vh;padding:0;margin:0;background-color:#008066}input[type=text]{color:#008066;font-family:Averia Libre,sans-serif;font-size:16px;width:100%;margin:5px 0 5px 0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #afe9dd}input[type=text]:focus{border:solid 1px #165044}input[type=email]{color:#008066;font-family:Averia Libre,sans-serif;font-size:16px;width:100%;margin:5px 0 5px 0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #afe9dd}input[type=email]:focus{border:solid 1px #165044}input[type=submit]{font-family:Averia Libre,sans-serif;font-size:16px;margin:5px 0 5px 0;padding:5px 20px 5px 20px;color:#afe9dd;background-color:#165044;border:none}input[type=submit]:hover{background-color:#113f35}textarea#message{color:#008066;font-family:Averia Libre,sans-serif;font-size:16px;width:100%;margin:5px 0 5px 0;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px #afe9dd}textarea:focus{border:solid 1px #165044}label#jumlah{color:#fff}.contactform{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0;margin-bottom:20px}.medsos{width:100%;padding:0;text-align:center;vertical-align:bottom;margin:0}.medsos ul{list-style:none;padding:0;margin:0 0 10px 0;width:100%}.medsos ul li{list-style-type:none;display:inline-block;width:30px;margin:5px}.medsos ul li a{display:inline-block;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:linear;transition-timing-function:linear;background-color:#008066}.medsos ul li a:hover{-webkit-transform:scale(1.4);transform:scale(1.4);-webkit-transition:all .2s;transition:all .2s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.medsos p{margin:1px;color:#afe9dd;font-size:14px}.footer_1{margin-top:20px;background-image:url(/images/14a76278a9afa965c45343d040c0106128368f5e/garis_footer.png);background-repeat:repeat-x;background-position:top}.copyright{padding-top:10px;text-align:center}.copyright small{font-family:Averia Libre,sans-serif;color:#fff}#hal_5{height:100vh;padding:0;margin:0;background-color:#afe9dd}.tambahan{text-align:center}.komikisul{position:relative;width:50%;float:left;-webkit-transition:.3s;transition:.3s}.komikisul:hover{-webkit-transition:.3s;transition:.3s}.download{position:relative;width:50%;float:left;-webkit-transition:.3s;transition:.3s}.download:hover{-webkit-transition:.3s;transition:.3s}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0}.overlay:hover{opacity:1}.teks{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-weight:700;background-color:#917c6f;padding:.2em;text-align:center;-webkit-transition:.3s;transition:.3s}.visible{-webkit-transition:all 2s ease;transition:all 2s ease;opacity:1}.invisible{-webkit-transition:all 21s ease;-webkit-transition:all 2s ease;transition:all 2s ease;opacity:0}.skalaDef{-webkit-transition:all 1s ease .2s;transition:all 1s ease .2s;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}.skalaKecil{-webkit-transition:all 1s ease .2s;transition:all 1s ease .2s;opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.skalaDef_1{-webkit-transition:all 1s ease .3s;transition:all 1s ease .3s;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}.skalaKecil_1{-webkit-transition:all 1s ease .3s;transition:all 1s ease .3s;opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.skalaDef_2{-webkit-transition:all 1s ease .4s;transition:all 1s ease .4s;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}.skalaKecil_2{-webkit-transition:all 1s ease .4s;transition:all 1s ease .4s;opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.skalaDef_3{-webkit-transition:all 1s ease .5s;transition:all 1s ease .5s;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}.skalaKecil_3{-webkit-transition:all 1s ease .5s;transition:all 1s ease .5s;opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.skalaDef_4{-webkit-transition:all 1s ease .6s;transition:all 1s ease .6s;opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1)}.skalaKecil_4{-webkit-transition:all 1s ease .6s;transition:all 1s ease .6s;opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}.seratus{width:100%}p.hidden{display:none}.ribbon{text-align:center;padding-bottom:10px}.ribbon a img{-webkit-transition:all .4s;transition:all .4s;-webkit-transform:scale(1);transform:scale(1)}.ribbon a:focus{outline:0}.ribbon a:hover img{-webkit-transition:all .5s;transition:all .5s;-webkit-transform:scale(1.1);transform:scale(1.1)}img.imej-ribbon{height:35px;width:auto}@media screen and (max-width:460px) and (orientation:portrait){#hal_1{height:auto;padding-top:70px}p{font-size:12px}.judul_besar h1{font-size:30px;line-height:30px}.judul_kecil h2{font-size:15px}h3{font-size:15px}.konten{padding:70px 0 20px 0;width:100%}#hal_2{height:auto}.gambar_skill{width:50%}#hal_3{height:auto}.portfolio_img{width:50%}#hal_4{height:auto}#hal_5{height:auto}#hal_6{height:auto}.footer_1{margin-top:50px;margin-bottom:100px}}@media screen and (max-width:768px) and (min-width:461px) and (orientation:portrait){p{font-size:15px}.gambar_skill p{text-align:center}.judul_besar h1{font-size:40px}.judul_kecil h2{font-size:20px}h3{font-size:20px}.konten{padding:80px 0 20px 0;width:100%}#hal_1{height:auto;padding-top:100px}#hal_2{height:auto}.gambar_skill{width:25%}#hal_3{height:auto}.portfolio_img{width:33%}#hal_4{height:auto}#hal_5{height:auto}#hal_6{height:auto}.footer_1{margin-top:50px;margin-bottom:500px}}@media screen and (max-width:980px) and (min-width:769px) and (orientation:portrait){.gambar_skill p{text-align:center}.judul_besar h1{font-size:50px}.judul_kecil h2{font-size:20px}h3{font-size:20px}.konten{padding:80px 20px 20px 20px;width:100%}#hal_1{height:auto;padding-top:100px}#hal_2{height:auto}.gambar_skill{width:25%}#hal_3{height:auto}.portfolio_img{width:33%}#hal_4{height:auto}#hal_5{height:auto}#hal_6{height:auto}.footer_1{margin-top:50px;margin-bottom:500px}}@media screen and (max-height:320px) and (orientation:landscape){p{font-size:15px}.judul_besar h1{font-size:40px}.judul_kecil h2{font-size:20px}h3{font-size:20px}.konten{padding:80px 20px 20px 20px;width:100%}#hal_1{height:auto;padding-top:60px}#hal_2{height:auto}.gambar_skill{width:50%}#hal_3{height:auto}.portfolio_img{background-color:#37c8ab;width:33%;float:left;padding:0;margin:0}#hal_4{height:auto}#hal_5{height:auto}#hal_6{height:auto}.medsos{margin:50px 0 0 0}.footer_1{margin-top:50px;margin-bottom:50px}}@media screen and (max-height:460px) and (min-height:321px) and (orientation:landscape){.judul_besar h1{font-size:40px}.judul_kecil h2{font-size:20px}h3{font-size:20px}.konten{padding:80px 20px 20px 20px;width:100%}#hal_1{height:auto;padding-top:80px}#hal_2{height:auto}.gambar_skill{width:25%}#hal_3{height:auto}#hal_4{height:auto}#hal_5{height:auto}#hal_6{height:auto}}@media screen and (max-height:560px) and (min-height:461px) and (orientation:landscape){.judul_besar h1{font-size:25px}.judul_kecil h2{font-size:20px}h3{font-size:20px}.konten{padding:80px 10px 10px 10px;width:100%}#hal_1{height:auto;padding-top:80px}#hal_2{height:auto}.gambar_skill{width:25%}#hal_3{height:auto}#hal_4{height:auto}#hal_5{height:auto}#hal_6{height:auto}.medsos{margin:50px 0 0 0}.footer_1{margin-top:50px;margin-bottom:50px}}.container{position:relative;width:100%;max-width:760px;margin:0 auto;padding:0 20px;box-sizing:border-box}.column,.columns{width:100%;float:left;box-sizing:border-box}@media (min-width:400px){.container{width:85%;padding:0}}@media (min-width:550px){.container{width:80%}.column,.columns{margin-left:4%}.column:first-child,.columns:first-child{margin-left:0}.one.column,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.four.columns{width:30.6666666667%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.column,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.column,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.column,.offset-by-three.columns{margin-left:26%}.offset-by-four.column,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.column,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.column,.offset-by-six.columns{margin-left:52%}.offset-by-seven.column,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.column,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.column,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.column,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:52%}}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}