#readLesson1{

cursor:pointer;
margin-bottom:8px;
}
#closeLesson{

display: none;
}
#LessonForArticles{
  background-color: #1e1e1e;
   display: none;
}

#description{
    box-sizing: border-box;
    display: block;
    vertical-align: top; /* Ευθυγράμμιση στην κορυφή */
    width: 100%;          /* Σχεδόν μισό-μισό, αφήνοντας 4% κενό ανάμεσα */
    padding: 15px;
    border-radius: 8px;
    background-color: #1e1e1e; /* Σκούρο φόντο στυλ editor */
    color: #ffffff;
    margin-right: 3%; 

}
#description a{
    color:lightgreen;
}

/* Εξασφαλίζει ότι τα paddings δεν θα μεγαλώσουν το πλάτος των div */

.left-pane, .right-pane {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top; /* Ευθυγράμμιση στην κορυφή */
    width: 47%;          /* Σχεδόν μισό-μισό, αφήνοντας 4% κενό ανάμεσα */
    padding: 15px;
    border-radius: 8px;
    overflow:hidden;
}

/* Αριστερό παράθυρο (Κώδικας) */
.left-pane {
    background-color: #1e1e1e; /* Σκούρο φόντο στυλ editor */
    color: #ffffff;
    margin-right: 3%;          /* Το κενό ανάμεσα στα δύο div */
}

/* Δεξί παράθυρο (Μάθημα) */
.right-pane {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #333333;
}

/* Καθαρισμός για το pre */
pre {

    margin: 0;
    white-space: pre-wrap; /* Αναδιπλώνει το κείμενο αν είναι πολύ μεγάλο */
    color: lightgreen;
     background: #272822; /* Σκούρο φόντο για να ξεκουράζεται το μάτι, σαν αληθινός κειμενογράφος */
    padding: 15px;
    border-radius: 4px;
    overflow-x: auto; /* Αν η γραμμή είναι μεγάλη, βγάζει μπάρα σκρολ αντί να χαλάει τη σελίδα */
    text-align: left;
}
code{
    font-family: "Lucida Console", "Courier New", monospace;
}
/* Προαιρετικό στυλ για να φαίνονται τα κουμπιά σαν σύνδεσμοι */
#closeLesson {
    background: #1e1e1e;;
    color: cyan;
    text-decoration: none;
    cursor: pointer;
    padding: 10px;
    text-align:center;
    width:100%;
    margin-bottom:5px;
    border:none;
    font-size:20px;
font-weight:700;
}
#closeLesson:hover {
color: red;
}
.lesson-section{
    margin:15px 0 15px 0;

}