body{background:linear-gradient(90deg,#6b1991,#b84712b0,#07a8ec)}.header{background:linear-gradient(90deg,#6b1991,#82a1dbb0,#034663);display:flex;font-family:Rubik Scribble;height:15vh;position:relative}.title{color:#d2691e;width:100%}.header img,.title{align-items:center;display:flex;justify-content:center}.header img{height:80px;margin-left:20px;margin-top:20px;position:absolute;width:300px;z-index:3}*{box-sizing:border-box;margin:0;padding:0}.container{align-items:center;border-radius:10px;box-shadow:inset 0 0 20px #fff;display:flex;flex-direction:column;justify-content:center;margin:30px auto 20px;width:90%}.title-lesson{color:#faebd7;margin-top:30px;text-align:center}.lesson-card{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.clear-btn{background-color:#04a057;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:20px;margin-bottom:20px;margin-top:20px;padding:10px;transition:all .3s ease;&:hover{background-color:#c80000;color:#fff}}.lessons{border-radius:5px;color:#d2691e;cursor:pointer;display:flex;font-size:20px;height:200px;margin:10px;transition:all .3s ease;width:400px;span{color:#f0f8ff;margin-left:10px}img{border-radius:5px;height:100px;width:100px}}.lesson-info{margin-left:10px;margin-top:50px}@media only screen and (max-width:768px){.lesson-card{margin-left:0;width:100%}.lessons{width:calc(50% - 20px)}}@media only screen and (max-width:480px){.lessons{width:calc(100% - 20px)}}
/*# sourceMappingURL=main.f45782e4.css.map*/