body{background-color:#1c2128;margin:0;box-sizing:border-box;font-family:"Kanit",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{max-width:1200px;display:flex;margin:auto;padding:20px;grid-gap:10px;gap:10px}.App-left{flex:0.6 1}.App-right{margin-top:50px;flex:0.5 1}@media screen and (max-width:380px){.btn{font-size:12px}.icon{font-size:16px}}@media screen and (min-width:381px){.icon{font-size:24px}}@media screen and (max-width:510px){.headprofile{flex-direction:column;text-align:center}.sosmed__list{justify-content:center;padding:0}.test-image{display:none}}@media screen and (max-width:650px){.text__name{font-size:20px}.text__role{font-size:24px}.headskill-name{display:grid}}@media screen and (min-width:651px){.text__name{font-size:30px}.text__role{font-size:38px}.headskill-name{display:flex;grid-gap:30px;gap:30px}}@media screen and (max-width:1090px){.container{flex-direction:column}.App-right{margin-top:0}}@media screen and (min-width:1091px){.headskill-name{display:grid}}.content{background-color:#22272e;border:1px solid #373e47;border-radius:8px}.border-container{padding:0 10px}.content-item{display:flex;padding:20px;grid-gap:10px;gap:10px}.item__text{display:flex;flex-direction:column}.item__text p{margin:0;padding:0}.test-image{object-fit:cover;width:180px;height:120px;background-color:#000}.item-text__name{font-size:16px;color:#2a9df4}.item-text__name a{color:#2a9df4;text-decoration:none}.item-text__desc{font-weight:300;font-size:14px;color:#adbac7}.item-text__tech{display:flex;grid-gap:5px;gap:5px;margin-top:auto!important}.tech{border:1px solid #373e47;background-color:#22272e;font-weight:300;font-size:10px;padding:0 6px!important;border-radius:10px;color:#fff;margin-top:4px!important}.navbar{width:100%;padding:0;margin:0}.active{border-bottom:2px solid #2a9df4}.navbar-list{display:flex;list-style-type:none;padding:0;margin:0 0 0 20px;grid-gap:20px;gap:20px}.navbar-item a{font-weight:300;color:#adbac7;text-decoration:none}.navbar-item{padding:10px}.headprofile{width:100%;padding:0;margin:0;display:flex}.headprofile__image img{width:170px}.headprofile__text{display:flex;flex-direction:column;padding-top:20px}.headprofile__text p{margin:0}.text__name{color:#2a9df4;height:28px}.text__role{color:#fff}.sosmed__list{list-style-type:none;display:flex;grid-gap:20px;gap:20px}.sosmed__item a{font-size:24px;text-decoration:none;color:#fff}.sosmed__item a svg:hover{-webkit-transform:scale(1.2);color:#2a9df4}.icon{display:flex}.btn{outline:none;border:none;padding:8px 20px;border-radius:4px;font-weight:300}.line-profile{margin-top:20px;margin-bottom:10px}.headdesc-text{color:#adbac7;font-weight:300}.headdesc-button{display:flex;grid-gap:30px;gap:30px}.btn-email{background-color:#2a9df4}.btn-cv,.btn-email{color:#fff;display:flex;align-items:center;grid-gap:6px;gap:6px}.btn-cv{background:none}.border-line{width:100%;background-color:#373e47;height:1px}.headskill-title{font-size:30px;color:#2a9df4;margin:0}.headskill-name{grid-template-columns:1fr 1fr}.headskill-name p{margin:6px;color:#fff;display:flex}.headskill-name span{font-size:24px;margin-right:10px}.Profile{margin-top:50px}
/*# sourceMappingURL=main.8737c5a5.chunk.css.map */