*{margin:0;padding:0}body{font-family:Gabarito,sans-serif}.navbar{align-items:center;background-color:initial;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{background-color:initial;border:none;font:size 15px;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: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:10px}.categories p{background-color:#a435f0;border:1px solid #a435f0;border-radius:30px;color:#fff;cursor:pointer;padding:10px}.categories p:hover{background-color:initial;color:#000;transition:1s}.sale-image{position:relative}.sale-image__offer{animation-duration:2s;animation-fill-mode:forwards;animation-name:zoom;background-color:#fff;border:2px solid #000;left:15%;opacity:0;padding:2%;position:absolute;top:10%;width:35%}@keyframes zoom{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.sale-image img{width:100%}.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 p{border:2px solid grey;flex-basis:25%;flex-grow:1}.popular,.topics p{padding:10px}.popular__container{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.footer{background-color:#000;color:#f5f5f5;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:10px}}@media screen and (max-width:600px){.course-card{flex-basis:40%}.categories,.navbar__s2,.navbar__s3{display:none}.navbar__s4{display:block}}
/*# sourceMappingURL=main.6ffa9ad3.css.map*/