*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}a{text-decoration:none;color:inherit}:root{--color-main: #5ac5c4;--color-text: #333;--color-contast: #32323c;--color-grey: #dbdbdb;--color-form: #7e1301;--color-white: #fff;--breakpoint-desktop-big: 1400px;--breakpoint-desktop-very-big: 2560px}@font-face{font-family:bmn-fonts;src:url(../../fonts/bmn-fonts.eot?81001903);src:url(../../fonts/bmn-fonts.eot?81001903#iefix) format("embedded-opentype"),url(../../fonts/bmn-fonts.woff2?81001903) format("woff2"),url(../../fonts/bmn-fonts.woff?81001903) format("woff"),url(../../fonts/bmn-fonts.ttf?81001903) format("truetype"),url(../../fonts/bmn-fonts.svg?81001903#bmn-fonts) format("svg");font-weight:400;font-style:normal}[class^=icon-]:before,[class*=" icon-"]:before{font-family:bmn-fonts;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-cog:before{content:""}.icon-users:before{content:""}.icon-location:before{content:""}.icon-search:before{content:""}.icon-leaf:before{content:""}.icon-phone:before{content:""}.icon-down-open:before{content:""}.icon-twitter:before{content:""}.icon-mail-alt:before{content:""}.icon-linkedin:before{content:""}.icon-github:before{content:""}.icon-youtube-play:before{content:""}html{font-size:87.5%;line-height:1.5;font-family:Open Sans,sans-serif}body{background-color:#fff;color:var(--color-text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.huge,.large,h1,h2{color:var(--color-text);font-family:"Bree Serif",serif;text-transform:uppercase}.huge,h1{font-size:2.618rem;line-height:1;margin:0 0 50px}@media (min-width: 768px){.huge,h1{font-size:4.236rem}}.large,h2{font-size:1.618rem;line-height:1}@media (min-width: 768px){.large,h2{font-size:2.618rem}}p{margin:0 0 20px}.invert{color:var(--color-white)}.row{display:flex;margin:0 auto;width:100%;padding:50px 20px;flex-wrap:wrap}@media (min-width: 768px){.row{padding:125px 10px}}@media (min-width: 980px){.row{width:980px;padding:125px 0}}@media (min-width: 1200px){.row{width:1200px}}.row--footer{padding:25px 20px}@media (min-width: 768px){.row--footer{padding:25px 10px}}@media (min-width: 980px){.row--footer{width:980px;padding:25px 0}}@media (min-width: 1200px){.row--footer{width:1200px}}.right{padding:15px 0 0 25px;border-left:5px solid var(--color-main);width:100%}@media (min-width: 768px){.right{padding:0 0 0 25px;width:66.6%}}.right__icon{margin-left:-43px;margin-top:-16px;width:30px;height:30px;background-color:var(--color-main);border-radius:100%;font-size:22px;color:#fff;margin-bottom:20px}.right__icon:before{vertical-align:3px}.right__icon--leaf:before{vertical-align:3px;font-size:20px;color:var(--color-contast)}.right__icon--mail:before{margin:0 0 0 5.5px;vertical-align:5px;font-size:20px;color:#fff}.right__icon--portofolio:before{margin:0 0 0 5.5px;vertical-align:4.5px;font-size:18px}.right--footer{border-left:5px solid white;padding-top:0;display:flex;align-items:center}.left{width:100%;padding-right:25px;text-align:center}@media (min-width: 768px){.left{width:33.3%;text-align:right}}.intro{height:100vh;background:gray;background-image:url(../../images/bk-intro.jpg);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}@media (max-width: 768px){.intro{background-image:url(../../images/bk-intro-mobile.jpg)}}@media (max-width: 980px){.intro{background-image:url(../../images/bk-intro-tablet.jpg)}}@media (max-width: 1400px){.intro{background-image:url(../../images/bk-intro-laptop.jpg)}}@media (max-width: 2560px){.intro{background-image:url(../../images/bk-intro.jpg)}}@media (min-width: 2560px){.intro{background-image:url(../../images/bk-intro-4k.jpg)}}.intro__arrow{position:absolute;bottom:10px;color:#fff;font-size:25px;animation:bounce 2s infinite}.intro__arrow:hover{color:var(--color-main);cursor:pointer}.intro__arrow:after{content:"";font-family:bmn-fonts,sans-serif;font-style:normal;font-weight:400;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.intro__social{display:none}@media (min-width: 768px){.intro__social{display:block}}.intro__icon{color:#fff;font-size:48px;display:inline-block;margin:15px;width:75px;height:75px;border-radius:50%;background:#423c3c33}.intro__icon:hover{color:var(--color-main)}@-moz-keyframes bounce{0%,20%,50%,80%,to{-moz-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-moz-transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0)}40%{-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-moz-transform:translateY(-15px);-ms-transform:translateY(-15px);-webkit-transform:translateY(-15px);transform:translateY(-15px)}}.header{display:none;position:fixed;top:0;width:100%;z-index:20;box-shadow:0 1px 10px #0000001a}@media (min-width: 768px){.header{height:85px}}.header__wrapper{display:flex;background:var(--color-main);padding:0 10px;align-items:center;justify-content:space-between;height:50px}@media (min-width: 768px){.header__wrapper{height:85px;padding:0 20px 0 40px}}.nav{top:50px;left:0;position:absolute;display:none;flex-flow:column;background:var(--color-contast);width:100%}.nav__item{font-size:1.1428rem;font-weight:700;display:block;color:#fff;padding:15px 0;text-transform:uppercase;text-align:center;border-bottom:1px solid var(--color-main)}@media (min-width: 768px){.nav{display:flex;position:static;flex-flow:row;justify-content:flex-end;background:none}.nav__item{margin:0 20px;font-family:"Bree Serif",serif;font-weight:300;border:none}.nav__item:hover,.nav__item.is-active{color:var(--color-contast)}.nav__icon{display:block}}.brand{font-size:2.618rem;text-transform:uppercase;font-family:"Bree Serif",serif;color:#fff;line-height:32px}.btn{width:45px;height:25px;cursor:pointer;display:flex;flex-flow:column;justify-content:space-between;align-items:center;position:relative}.btn__item{height:5px;width:35px;background:#fff;content:"";position:absolute;left:5px;top:10px;transition:.35s}.btn__item:first-child{top:0}.btn__item:last-child{top:20px}.btn.is-clicked .btn__item{opacity:0}.btn.is-clicked .btn__item:first-child{opacity:1;top:8px;right:5px;transform:rotate(45deg)}.btn.is-clicked .btn__item:last-child{opacity:1;top:8px;right:5px;transform:rotate(-45deg)}@media (min-width: 768px){.btn{display:none}}.about{position:relative}.line{margin:25px 0 0 -25px;padding-left:25px;background-color:var(--color-main);line-height:30px;white-space:nowrap;color:var(--color-text)}.line--50{width:50%;margin-top:50px}.line--90{width:90%}.line--30{width:30%;margin-bottom:25px}.n-about-right{position:absolute;right:0;bottom:-199px;z-index:10}.left__image{width:200px;height:200px;display:inline-block}@media (max-width: 768px){.n-about-right{display:none}}.n-about-right-top{position:absolute;right:0;top:0}@media (max-width: 768px){.n-about-right-top{display:none}}.resume{background-color:var(--color-contast);position:relative}.resume__item{padding:0 0 25px;position:relative}.resume__icon{position:absolute;width:30px;height:30px;top:0;left:-43px;background-color:var(--color-main);border-radius:100%;font-size:18px;color:var(--color-contast)}.resume__icon:before{margin:0 0 0 6px}.resume__year{position:absolute;display:block;width:120px;top:2px;left:-175px;text-align:right}.resume__position{font-size:1.1428rem;color:var(--color-main);text-transform:uppercase;font-weight:700}.resume__company{font-size:14px;color:#fff;font-weight:700;padding:0 0 7px;position:relative}.resume__description{color:#fff}.n-resume-right{position:absolute;right:0;bottom:-127px}@media (max-width: 1400px){.n-resume-right{display:none}}.n-resume-left{position:absolute;left:0;top:0}@media (max-width: 1400px){.n-resume-left{display:none}}.input{display:block;width:100%;border-width:0 0 3px;border-style:none none solid;border-color:var(--color-main);font-size:16px;letter-spacing:-1px;outline:medium none;padding:15px;margin-bottom:15px;background:var(--color-contast);color:var(--color-grey)}@media (min-width: 768px){.input{width:66%}}.error{background:var(--color-form)}.send{padding:15px;border:0 none;background-color:var(--color-main);color:var(--color-text);font-weight:700;font-size:1.1em;outline:medium none}.send:hover{background:var(--color-contast);color:var(--color-main);cursor:pointer}.send:disabled{background:#e3e3e3;color:var(--color-contast)}.send-status{margin:20px 0;color:var(--color-main)}.n-contact-right{position:absolute;right:0;bottom:-74px}@media (max-width: 768px){.n-contact-right{display:none}}.n-contact-left{position:absolute;left:0;top:0}@media (max-width: 1400px){.n-contact-left{display:none}}.contact{position:relative}.footer{background-color:var(--color-main)}.footer__logo{display:none}@media (min-width: 768px){.footer__logo{display:inline-block}}.copyright{margin:0;font-size:1.1428rem}