*{margin:0;padding:0}body{font-family:Gabarito,sans-serif}.navbar{align-items:center;background-color:#fff;border-bottom:1px solid #000;display:flex;gap:10px;justify-content:space-between;padding:10px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.navbar__s1__title{color:#a435f0}.navbar__s2{align-items:center;border:1px solid #000;border-radius:30px;display:flex;gap:10px;padding:10px;width:60%}.navbar__s2 input{border:#0000;width:100%}.navbar__s2 input:focus{outline:none}.navbar__s3{align-items:center;display:flex;gap:10px}.navbar__s4{display:none}.mylearning{cursor:pointer;position:relative}.mylearning__popup{background-color:#fff;border:1px solid #000;display:none;padding:20px;position:absolute;right:0;top:150%;width:100px}.mylearning:hover .mylearning__popup{display:block}.categories{border-bottom:1px solid #000;display:flex;justify-content:space-around;padding:20px}.categories p{background-color:#a435f0;border:1px solid #a435f0;border-radius:30px;color:#fff;cursor:pointer;padding:10px}.categories p:hover{background-color:initial;border:1px solid #a435f0;color:#000;transition:1s}.sale-image{position:relative}.sale-image img{width:100%}.sale-image__offer{animation-duration:2s;animation-fill-mode:forwards;animation-name:tata;background-color:#fff;border:2px solid #000;color:#000;left:10%;opacity:0;padding:10px;position:absolute;top:15%;width:35%}@keyframes tata{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.recommended{padding:10px}.recommended__container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}.course-card{flex-basis:20%;flex-grow:1;margin:5px}.course-card img{height:50%;width:100%}.topics{padding:10px}.topics__container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.topics__container p{border:2px solid gray;flex-basis:25%;flex-grow:1;padding:10px}.popular{padding:10px}.popular__container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}.footer{background-color:#000;color:#fff;padding:30px}.footer__one{display:flex;gap:10px}.footer__one p{margin:20px}.footer__two{align-items:center;display:flex;justify-content:space-between;margin:20px}@media screen and (max-width:800px){body{font-size:12px}}@media screen and (max-width:600px){.course-card{flex-basis:40%}.categories,.navbar__s2,.navbar__s3{display:none}.navbar__s4{display:block}}
/*# sourceMappingURL=main.243a938a.css.map*/