*{margin:0;padding:0}body{font-family:Gabarito,serif;font-optical-sizing:auto;font-style:normal;font-weight:weight}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #000;display:flex;gap:10px;justify-content:space-between;margin:5px;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.navbar__logo{color:#a13dd6}.navbar__search{border:2px solid #000;border-radius:30px;display:flex;gap:10px;padding:10px;width:50%}.navbar__search input{border:none;font-size:16px;width:100%}.navbar__search input:focus{outline:none}.navbar__title{display:flex}.navbar__title h3{padding:10px}.navbar__pop{position:relative}.navbar__popup{background-color:#fff;border:1px solid #000;color:#000;display:none;padding:10px;position:absolute;right:0;text-align:center;top:80%;width:90px}.navbar__pop:hover .navbar__popup{display:block}.navbar__icon{align-items:center;display:flex;gap:30px;padding:10px}.navbar__icon i{font-size:20px}.navbar__menu{display:none}.navbar__menu:hover{cursor:pointer}.section1--course{border-bottom:1px solid #000;padding:1px 5px 5px;text-align:center}.section1--course li{background-color:#a13dd6;border:1px solid #a13dd6;border-radius:30px;display:inline-block;padding:10px}.section1--course li:hover{background-color:initial;color:#a96648;cursor:pointer;transition:2s}.section1--course ul{display:flex;justify-content:space-around;padding:5px}.navbar__icon:hover,.navbar__title{cursor:pointer}.section3--recommended{padding:10px}.section2--images{position:relative}.section2--images img{height:540px;width:100%}.section2--offer{animation-duration:2s;animation-fill-mode:forwards;animation-name:zoom;background-color:#a96648;border:2px solid #000;color:#dcdbe0;left:9%;opacity:0;padding:10px;position:absolute;text-align:center;top:50%;width:35%}@keyframes zoom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.section3--course{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:15px}.section3--recommended__image{flex-basis:20%;flex-grow:1;margin:5px}.section3--recommended__image img{height:50%;width:100%}.section4--topic{padding:10px}.section4--topic__course{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:10px}.section4--topic__course p{border:1px solid #000;flex-basis:20%;padding:10px}.section4--topic__course p:hover{background-color:#d3d3d3;color:#000;cursor:pointer}.section5--course{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding-top:15px}.section5--recommended{padding:10px}.section5--recommended__image{flex-basis:20%;flex-grow:1;margin:5px}.section5--recommended__image img{height:50%;width:100%}.fotter{background-color:#000;color:#fff;padding:10px 30px 30px 40px}.footer1 p{margin:20px}.footer1{display:flex;gap:10px}.fotter2{align-items:center;display:flex;justify-content:space-between;margin:20px}.footer1 p:hover{color:#a13dd6;cursor:pointer}.fotter2 h1{color:#a13dd6}@media screen and (max-width:800px){body{font-size:10px}}@media screen and (max-width:500px){.section3--recommended__image,.section5--recommended__image{flex-basis:40%}.section2--images img{height:350px}.navbar__icon,.navbar__search,.navbar__title,.section1--course ul{display:none}.navbar__menu{display:inline}}
/*# sourceMappingURL=main.d73c6ac0.css.map*/