body{

    margin:0;
    font-family: "Open Sans", sans-serif;
    background: #6B2AEE;
background: linear-gradient(0deg, rgba(107, 42, 238, 1) 0%, rgba(145, 65, 224, 1) 50%, rgba(192, 139, 232, 1) 100%);
width: 100%;
min-height:100vh;

  
}
.text_card{
    color:rgb(44, 43, 44);
    font-weight:bold;
   

}
.title_card{
    color:rgb(44, 43, 44);
    font-weight:bold;
    margin-top:10px;
    margin-left: 5px;
}
header{

    background:#6b2aee;
    color:white;
    padding:16px;
    text-align:center;

}

nav{

    display:flex;
    justify-content:space-around;
    padding:10px;
    background:rgb(255, 255, 255);
    box-shadow:0 2px 6px rgba(0,0,0,0.1);

}


button{

    padding:10px 15px;
    border:none;
    border-radius:10px;
    background:#6b2aee;
    color:white;
    font-size:14px;

}


#content{

    padding:15px; 
    color:white  

}


.card{

    background:white;
    padding:15px;
    margin-bottom:12px;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);

}


.lesson-title{

    font-weight:bold;
    margin-bottom:6px;

}


.lesson-buttons{

    margin-top:10px;
    display:flex;
    gap:10px;

}


.welcome{

    font-weight:bold;
    text-align:center;
    margin-top:50px;

}