@import url(https://fonts.googleapis.com/css2?family=Rubik+Vinyl&display=swap);header{align-items:center;background-color:#fbda61;background-image:linear-gradient(45deg,#fbda61,#ff5acd);display:flex;justify-content:space-between;padding:1rem}h1{color:#fff;font-family:Rubik Vinyl,cursive;margin:0 auto;text-align:center}header img{width:100px}header h2{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}@media screen and (max-width:772px){header{display:flex;flex-direction:column;justify-content:center}}.lesson{align-items:center;display:flex;flex:30% 1;margin:1rem auto}.lesson img{border-radius:.5rem;box-shadow:0 0 5px #0003;height:5rem;width:5rem}.lesson-text{color:coral;font-weight:700;margin-left:.5rem;text-align:left}.lesson-text span{color:#fff;font-weight:300}@media screen and (max-width:992px){.lesson{flex:50% 1}}@media screen and (max-width:772px){.lesson{flex:100% 1;flex-direction:column}}main{background-color:#21d4fd;background-image:linear-gradient(19deg,#21d4fd,#b721ff);min-height:calc(100vh - 132px);text-align:center}.container{align-items:center;background-color:#fff3;border-radius:1rem;box-shadow:0 0 10px #0000004d;display:flex;flex-direction:column;justify-content:center;margin:2rem;padding:1rem 2rem}h2{color:#f5f5f5;font-size:2rem;padding:1rem 0}.card-container{display:flex;flex-wrap:wrap}button{background-color:#3b3bf8;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;margin:2rem 0;outline:none;padding:.7rem 2rem;&:hover{scale:.95;transition:all .5s ease}}@media screen and (max-width:576px){.container{padding:1rem .5rem}h2{font-size:1.2rem}}*{box-sizing:border-box;margin:0;padding:0}
/*# sourceMappingURL=main.c11edad9.css.map*/