.content-box {
    width: calc(73% - 20px); /* Adjust the width as needed */
    background-color: white; /* Light blue color */
    padding: 0px; /* Add padding */
    border-radius: 10px; /* Add border radius */
}

#subject-list {
    position: sticky;
    top: 20px;
    width: calc(30% - 10px); /* Adjust the width as needed */
    background-color: #f0f8ff; /* Light blue color */
    padding: 20px; /* Add padding */
    border-radius: 10px; /* Add border radius */
    text-align: left; /* Align text to the left */
}

#subject-list ul {
    list-style-type: none;
    padding: 0;
}

#subject-list ul li {
    margin-bottom: 10px;
}

#subject-list ul li a {
    text-decoration: none;
    color: blue;
    transition: 3s
}

#subject-list ul li a:hover {
    color: red;
    transition: 3s
}
.styled-text {
width: 92%; /* Adjust the width as needed */
margin: 0 auto; /* Center the text boxes horizontally */
margin-left: 20px; /* Move the text boxes slightly to the left */
padding: 20px; /* Add some padding to the text boxes */
background-color: #f9f9f9; /* Background color for the text boxes */
border: 1px solid #ddd; /* Add a border to the text boxes */
border-radius: 5px; /* Add some border radius for rounded corners */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a shadow effect */
}

/* Style for the title inside the text boxes */
.styled-title {
color: #333; /* Text color for the title */
}
.container {
display: flex;
justify-content: space-between;
align-items: flex-start;
}