@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800&display=swap);.navbar{z-index:1001;background-color:#fff;height:80px;transition:all .8s ease}.navbar .navbar-brand{font-weight:700;font-size:24px}.navbar .nav-item{font-weight:700;margin-left:28px}.navbar .nav-item .nav-link{transition:all .2s ease;position:relative;display:inline-block;width:100%}.navbar .navbar-collapse{width:auto}.navbar .navbar-collapse .myresume{padding:10px 20px;border:1px solid #fff;background-color:#492f8c;border-radius:5px;transition:all .2s ease}.navbar .navbar-collapse .myresume:hover{color:#492f8c!important;background-color:#fff;border-color:#492f8c}.navbar .navbar-toggler{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:60px;height:50px}.navbar .sideNav{top:0;left:0;padding:30px 20px;width:65%;height:100%;transition:.3s ease}.navbar .sideNav ul li{padding:10px;text-align:center;margin:0}.navbar .sideNav ul li:hover{background-color:#fff}.navbar .sideNav .myresume{margin-top:30px;display:block;text-align:center;padding:10px 20px;border:1px solid #fff;background-color:#492f8c;border-radius:5px;transition:all .2s ease}.navbar .sideNav .myresume:hover{color:#492f8c!important;background-color:#fff;border-color:#492f8c}.navbar .sideNav.disabled{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.navbar .sideNav.active{-webkit-transform:translateX(0);transform:translateX(0)}.header{width:100%;padding:80px 0}.header .big-title{font-weight:800;font-size:70px}@media screen and (max-width:450px){.header .big-title{font-size:50px}}.header .bg-shape-purple{background-color:#492f8c;display:inline-block;color:#fff;padding:10px;line-height:.7}.header .line,.header h5{display:inline-block}.header .line{width:170px;height:10px;position:relative}.header .line:after{content:"";position:absolute;top:0;bottom:0;right:0;width:150px;background-size:130px 4px,7px 7px;background-position:0 50%,140px 50%;background-repeat:no-repeat;background-image:linear-gradient(90deg,#0a032b,#0a032b),radial-gradient(ellipse at center,#ffc514 0,#ffc514 50%,rgba(255,197,20,0) 0,rgba(255,197,20,0) 100%)}@media screen and (max-width:992px){.header .line:after{display:none}}@media screen and (max-width:992px){.header img{width:90%;margin-top:2rem}}.about{padding:80px 0;background-color:#fff}@media screen and (min-width:992px){.about{padding:150px 0}}.about h1{font-weight:800}.about .wrapper{position:relative}.about .wrapper:before{content:"";width:100%;height:100%;position:absolute;top:30px;left:30px;border:2px solid #02233d;z-index:-1}.about .wrapper .img-wrapper{width:300px;height:350px;overflow:hidden;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.about .wrapper .img-wrapper img{width:100%}@media screen and (max-width:576px){.about .buttons .btn{width:auto;font-size:13px}}.journey{padding:80px 0}@media screen and (min-width:992px){.journey{padding:150px 0}}.journey .big-title{font-weight:800}.journey .education .item{margin-bottom:2.5rem}.journey .education .item:last-child{margin-bottom:0}.journey .education .item .left{width:65px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between}.journey .education .item .left img{width:26px}.journey .education .item .left .line{width:26px;height:calc(100% - 50px);background-size:3.5px 100%;background-position:50%;background-repeat:no-repeat;background-image:linear-gradient(90deg,#2f2f2f,#2f2f2f)}.journey .education .item h5{margin-bottom:1rem}.journey .education .item h3{font-weight:800;letter-spacing:.1rem;margin-bottom:1rem;line-height:1.4em}.journey .education .item ul{text-decoration:none;list-style:none;padding:0;margin:0}.journey .education .item ul li{margin-bottom:4px}.journey .skills .title{font-weight:800}.journey .skills ul{text-decoration:none;list-style:none;padding:0;margin:0}.journey .skills ul li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:4px}.journey .skills ul li .line{margin:0 20px;-webkit-flex:1 1;flex:1 1;background-size:100% 1px;background-position:50%;background-repeat:no-repeat;background-image:linear-gradient(#a0a0a0,#a0a0a0)}.journey .skills ul li span:last-child{width:100px}.journey .skills ul li span:first-child{width:140px}.portofolio{padding:80px 0;position:relative}@media screen and (min-width:992px){.portofolio{padding:150px 0}}.portofolio h1{font-weight:800}.portofolio .grid{width:100%;margin-bottom:100px;display:grid;grid-gap:30px;gap:30px;grid-template-columns:repeat(12,1fr);-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;position:relative}.portofolio .grid:last-child{margin-bottom:0}.portofolio .grid .image-wrapper{display:block;grid-area:1/1/1/-1;position:relative;box-shadow:0 10px 30px -15px rgba(0,0,0,.5);top:0;left:0;transition:all .2s!important;transition-delay:.2s}@media screen and (min-width:992px){.portofolio .grid .image-wrapper{grid-area:1/1/1/8}}@media screen and (min-width:992px){.portofolio .grid .image-wrapper:hover{top:3px;left:3px}.portofolio .grid .image-wrapper:before{transition:.2s;content:"";position:absolute;width:100%;height:100%;border:2px solid #535353;top:18px;left:18px}.portofolio .grid .image-wrapper:hover:before{top:12px;left:12px}}.portofolio .grid .image{overflow:hidden;position:relative}.portofolio .grid .image:before{content:"";width:100%;height:100%;position:absolute;background-color:rgba(53,47,140,.2);transition:.3s}.portofolio .grid .image:hover:before{opacity:0}.portofolio .grid .content{text-align:right!important;position:relative;grid-area:1/1/1/-1;margin-top:100px}@media screen and (min-width:992px){.portofolio .grid .content{grid-area:1/7/1/-1;margin-top:0}}.portofolio .grid .content h3{font-weight:800}.portofolio .grid .content .white-box{box-shadow:0 10px 30px -15px rgba(0,0,0,.4);background-color:#fff;padding:24px;border-radius:4px}.portofolio .grid .content ul{list-style:none;padding:0;margin:0}@media screen and (min-width:992px){.portofolio .grid .content ul{width:80%}}.portofolio .grid .content ul li{display:inline-block;margin-left:28px;color:#5f5f5f}.portofolio .grid .content a{display:inline-block;overflow:auto;font-weight:700}@media screen and (min-width:992px){.portofolio .grid.left .image-wrapper{grid-area:1/6/1/-1}.portofolio .grid.left .image-wrapper:hover{top:3px;left:-3px}.portofolio .grid.left .image-wrapper:before{top:18px;left:-18px}.portofolio .grid.left .image-wrapper:hover:before{top:12px;left:-12px}}.portofolio .grid.left .content{text-align:left!important}@media screen and (min-width:992px){.portofolio .grid.left .content{grid-area:1/1/1/7}}.portofolio .grid.left .content ul{-webkit-justify-content:flex-start;justify-content:flex-start}.portofolio .grid.left .content ul li{margin-left:0;margin-right:28px}.portofolio .grid.left a div span:first-child{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.portofolio .grid.left a>span{float:left}@media screen and (max-width:992px){.portofolio .grid{margin-bottom:40px;-webkit-align-items:unset;align-items:unset}.portofolio .grid .image-wrapper{box-shadow:none}.portofolio .grid .image-wrapper .image{height:200px!important;opacity:.3}.portofolio .grid .image-wrapper:after{display:none}.portofolio .grid .content{padding:20px 20px 10px}.portofolio .grid .content .white-box{box-shadow:none;background-color:hsla(0,0%,100%,.7);border-radius:none}}.portofolio .design-portofolio{margin-top:130px}@media screen and (max-width:992px){.portofolio .design-portofolio{margin-top:70px}}.portofolio .design-portofolio h3{font-weight:800}.portofolio .design-portofolio .portofolio-grid{display:block}.portofolio .design-portofolio .portofolio-grid .grid-item{display:block;margin-bottom:30px;box-shadow:0 20px 40px -15px rgba(0,0,0,.3);height:200px;overflow:hidden;background-color:#d8c7ff;position:relative}.portofolio .design-portofolio .portofolio-grid .grid-item .overlay{position:absolute;width:100%;height:100%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:rgba(68,0,255,.5);opacity:0;transition:.2s;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:50px}.portofolio .design-portofolio .portofolio-grid .grid-item:hover .overlay{width:calc(100% - 30px);height:calc(100% - 30px);opacity:1}.portofolio .design-portofolio .portofolio-grid .grid-item img{width:100%;height:100%;object-fit:cover;object-position:top}@media screen and (min-width:720px){.portofolio .design-portofolio .portofolio-grid{display:grid;grid-template-columns:auto auto;grid-template-rows:minmax(300px,auto);grid-auto-flow:dense;grid-gap:30px;gap:30px}.portofolio .design-portofolio .portofolio-grid .grid-item{height:300px;margin-bottom:0}.portofolio .design-portofolio .portofolio-grid .grid-item:nth-child(3){grid-row-start:span 2;height:630px}}@media screen and (min-width:992px){.portofolio .design-portofolio .portofolio-grid{display:grid;grid-template-columns:auto auto auto;grid-template-rows:minmax(300px,auto);grid-auto-flow:dense;grid-gap:30px;gap:30px}.portofolio .design-portofolio .portofolio-grid .grid-item{height:300px;margin-bottom:0}.portofolio .design-portofolio .portofolio-grid .grid-item:first-child,.portofolio .design-portofolio .portofolio-grid .grid-item:nth-child(4){grid-column-start:span 2}.portofolio .design-portofolio .portofolio-grid .grid-item:nth-child(3){grid-row-start:span 2;height:630px}.portofolio .design-portofolio .portofolio-grid .grid-item:nth-child(5){grid-column-start:span 2}}.get-in-touch h1{font-weight:800}.get-in-touch .btn-wrapper a{width:300px;padding:20px 30px;border:2px solid #212529;color:#212529;text-decoration:none;transition:.2s}.get-in-touch .btn-wrapper a:hover{background-color:#492f8c;border-color:#492f8c;color:#fff}*{font-family:"Nunito Sans",sans-serif}section{padding:150px 0}.container{padding:0 24px}@media screen and (min-width:992px){.container{min-width:1230px!important;padding:0 15px}}.grey-section{background-color:#f2f5f5}.btn-purple{color:#fff;font-weight:500;background:#492f8c;border:1px solid #492f8c;transition:.2s ease;width:140px}.btn-purple:hover{background:none}.btn-purple.inverse{background:none;color:#492f8c}.btn-purple.inverse:hover{background:#492f8c;color:#fff}
/*# sourceMappingURL=main.1c8db7a5.chunk.css.map */