@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Kanit&display=swap");body,html{margin:0;padding:0;font-size:16px;font-family:Nunito Sans,sans-serif;scroll-behavior:smooth}.wrapper{width:1024px;margin:auto;padding:20px 0}.defaultIcon{height:1rem}nav{background-color:#222831;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:100}nav>.wrapper{display:flex;justify-content:space-between;font-size:1.2rem;align-items:center}.menu{width:70%}.menu>ul{display:flex;list-style-type:none;margin:0;padding:0;justify-content:space-between}.menu>ul>li>a{text-decoration:none;color:#fff}.logo{display:flex;align-items:center}.logo>a>img{height:45px}header{background:url(/images/bg-header.jpeg);height:100vh;background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;font-family:Kanit,sans-serif;letter-spacing:5px;text-shadow:0 0 4px #000}.header-opacity{background-color:#222831;opacity:.7}.header-jumbotron,.header-opacity{width:100%;height:100%;position:absolute;top:0;left:0}.header-jumbotron{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.header-jumbotron>h4{color:#ffce10;font-size:2rem;margin:0;padding:0}.header-jumbotron>h5{color:#fff;margin:0;padding:5px;font-size:3.5rem;line-height:4rem;text-transform:uppercase}.header-jumbotron>p{padding:5px;margin:0 5px 20px;color:#fff}a{text-decoration:none;color:#333;text-shadow:none}.button{background-color:#ffce10;padding:5px 10px;border-radius:5px;font-family:Kanit,sans-serif}.button-xl{font-size:1.4rem;padding:20px}#statistic{background-color:#393e46;color:#fff;font-family:Kanit,sans-serif}#statistic>.wrapper{padding:50px;width:80%;display:flex;justify-content:space-evenly}#statistic>.wrapper>div{text-align:center}#statistic>.wrapper>div>p{font-size:3.5rem;margin:0;padding:0}#statistic>.wrapper>div>p>.statIcon{height:3.5rem}#statistic>.wrapper>div>p>i,#statistic>.wrapper>div>p>svg{margin-right:10px;font-size:3.5rem}#statistic>.wrapper>div>small{font-size:1.5rem}#premium-course{background-color:#222831;color:#fff}#premium-course>.wrapper{padding:50px 0}#premium-course>.wrapper>h4{text-align:center;font-size:2.8rem;margin:0;padding:0;font-family:Kanit,sans-serif}#premium-course>.wrapper>h4>span{color:#ffce10}#premium-course>.wrapper>p{text-align:center;padding:0;margin:0 0 50px}.grid{grid-template-columns:30% 30% 30%;grid-gap:50px}.grid,.grid1column{display:grid;justify-content:center}.grid1column{grid-template-columns:40%}.grid2column{grid-template-columns:40% 40%}.grid2column,.grid3column{display:grid;grid-column-gap:20px;column-gap:20px;justify-content:center}.grid3column{grid-template-columns:30% 30% 30%}.grid1column>.item,.grid2column>.item,.grid3column>.item,.grid>.item{border:1px solid #666;background-color:#393e46;border-radius:5px;position:relative}.grid1column>.item>img,.grid2column>.item>img,.grid3column>.item>img,.grid>.item>img{width:15%;position:absolute;top:10px;right:10px}.grid1column>.item>.item-detail,.grid2column>.item>.item-detail,.grid3column>.item>.item-detail,.grid>.item>.item-detail{padding:30px;font-size:1.3rem;font-weight:700;width:70%}.grid1column>.item>.item-detail>div,.grid2column>.item>.item-detail>div,.grid3column>.item>.item-detail>div,.grid>.item>.item-detail>div{display:flex;justify-content:space-between;align-items:center}.grid1column>.item>.item-detail>div>small,.grid2column>.item>.item-detail>div>small,.grid3column>.item>.item-detail>div>small,.grid>.item>.item-detail>div>small{color:#ccc;font-size:1rem;font-style:italic;font-weight:400}.grid1column>.item>.item-detail>div>a,.grid2column>.item>.item-detail>div>a,.grid3column>.item>.item-detail>div>a,.grid>.item>.item-detail>div>a{font-size:1rem;color:#333;font-weight:400}#tentang-saya{background-color:#eee;color:#333}#tentang-saya>.wrapper{padding:50px 0}#tentang-saya>.wrapper>h4{text-align:center;font-size:2.8rem;margin:0;padding:0;font-family:Kanit,sans-serif}#tentang-saya>.wrapper>p{text-align:center;padding:0;margin:0 0 50px}#tentang-saya>.wrapper>div{display:flex;width:70%;margin:auto;justify-content:space-between;align-items:center}#tentang-saya>.wrapper>div>.foto{width:30%}#tentang-saya>.wrapper>div>.foto>img{max-width:100%}#tentang-saya>.wrapper>div>.desc{width:70%;padding:20px;margin:10px;background-color:#fff;border-radius:10px}#tentang-saya>.wrapper>div>.desc>p{margin:0 0 10px;font-size:1.3rem;line-height:1.9rem}#tentang-saya>.wrapper>div>.desc>.social{display:flex;width:50%;justify-content:space-between;font-size:1.3rem}#tentang-saya>.wrapper>div>.desc>.social>a{color:#00adb5}#free-course{background-color:#393e46;color:#fff}#free-course>.wrapper{padding:50px 0}#free-course>.wrapper>h4{text-align:center;font-size:2.8rem;margin:0;padding:0;font-family:Kanit,sans-serif}#free-course>.wrapper>h4>span{color:#ffce10}#free-course>.wrapper>p{text-align:center;padding:0;margin:0 0 50px}#free-course>.wrapper>.grid>.item{background-color:#222831;margin:0;padding:0}#free-course>.wrapper>.grid>.item>.item-detail{padding:0;margin:0;font-size:1.4rem;width:100%}#free-course>.wrapper>.grid>.item>.item-detail>img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}#free-course>.wrapper>.grid>.item>.item-detail>div{padding:10px 20px}footer{background-color:#222831;color:#fff;text-align:center}footer>.wrapper{padding:30px 0}button.hamburger-menu{background:none;border:none;cursor:pointer;display:none}button.hamburger-menu>.svg-inline--fa{all:unset}button.hamburger-menu>.hamburgerIcon{color:#fff;width:1.5rem}button.hamburger-menu>.icon-close{display:none}@media only screen and (max-width:1024px){.wrapper{width:90%}}@media only screen and (max-width:900px){#statistic>.wrapper>div>p{font-size:2.5rem;margin:0;padding:0}#statistic>.wrapper>div>p>.statIcon{height:2.5rem}#statistic>.wrapper>div>p>i{font-size:2.5rem}#statistic>.wrapper>div>small{font-size:1rem}.grid1column{grid-template-columns:100%}.grid{grid-template-columns:45% 45%}.item>img{width:8%}}@media only screen and (max-width:768px){.menu{width:60%}.header-jumbotron>h4{font-size:1.5rem}.header-jumbotron>h5{font-size:2rem;line-height:2.2rem}.header-jumbotron>p{font-size:.8rem}.button{padding:5px}.button-xl{font-size:1.2rem;padding:10px}#statistic>.wrapper>div>p{font-size:1.5rem;margin:0}#statistic>.wrapper>div>p>.statIcon{height:1.5rem}#statistic>.wrapper>div>p>i{font-size:1.5rem}}@media only screen and (max-width:600px){.grid,.grid1column,.grid2column{grid-template-columns:100%}.grid2column>.item{margin-bottom:20px}#statistic>.wrapper{padding:10px;flex-direction:column}#statistic>.wrapper>div{display:flex}#statistic>.wrapper>div>small{font-size:1.5rem;padding-left:10px}#tentang-saya>.wrapper>div{width:100%;flex-direction:column}#tentang-saya>.wrapper>div>.foto{width:50%}#tentang-saya>.wrapper>div>.foto>img{max-width:100%}#tentang-saya>.wrapper>div>.desc{width:70%;padding:20px;margin:10px}#tentang-saya>.wrapper>div>.desc>.social{margin:auto}button.hamburger-menu{display:inline}.menu{display:none}.tampil{display:inline}.tampil>ul{flex-direction:column;background-color:#000;width:100%;position:fixed;top:85px;left:0}.tampil>ul>li{padding:10px 20px}}