style.css

/* body styling */
body {
    background-color: #f7fafc; 
    color: #333;
    line-height: 1.8; /* for better readability */
    font-size: 18px; /* larger font size */
}

/*headers */
h1 {
    font-family: "New Amsterdam", sans-serif;
    color: #ff6347; /* keep the orange theme, random */
    text-align: center;
    font-size: 3em; /* for better readability */
}

h2 {
    font-family: "New Amsterdam", sans-serif;
    color: #5a9bd3; /* light blue for good contrast */
    text-align: center;
    font-size: 2.2em;
}

/* paragraph */
p {
    font-size: 1.1em; /* readability purposes */
    max-width: 700px; 
    margin: 10px auto;
    padding: 15px 25px;
    background-color: #ffffff;
    border-radius: 8px;
}

/* list */
ul.skills-list {
    list-style-type: none; /* dont want bullet points after reflection */
    max-width: 800px;
    margin: 20px auto;
}

ul.skills-list li {
    background: #ffebcd; /* golden ish background */
    padding: 10px;
    border-radius: 5px;
    margin: 10px;
}

ul.skills-list li strong {
    color: #ff4500; /* header color */
}

.toggle-button {
    background-color: #5a9bd3; 
    color: white;
    padding: 12px;
    cursor: pointer;
    display: block;
    text-align: center;
    font-size: 1.1em;
    margin: auto;
    border-radius: 5px; 
}

.toggle-button:hover {
    background-color: #4a89c7; 
}