CSS

[baysaabymbaa8-jpg]

body {
font-family: sans-serif;
background: linear-gradient(to bottom, #b3cde0, #e0b3e6);
margin: 0;
padding: 20px;
}
.container {
max-width: 600px;
margin: 0 auto;
}
h1, h2 {
text-align: center;
color: #4b0082;
}
#subjects div {
display: flex;
justify-content: space-between;
background-color: #add8e6;
margin: 5px 0;
padding: 10px;
border-radius: 8px;
}
input[type="text"] {
width: 100%;
padding: 5px;
margin-top: 5px;
}