/* Personal */
#about {
    color: #3498db; /*blue*/
}

#hobbies {
    color: #e74c3c; /*red */
}

#education {
    color: #2ecc71; /*green */
}

ul.educationList li {
    font-size: 16px;
}

ul.educationList li .college {
    font-weight: bold;
}

ul.educationList li .hs {
    font-style: italic;
}

/*hyperlink hover */
.enlarge a:hover {
    font-size: 150%;
}

a {
    transition: font-size 0.3s ease;
}

/* Class Schedule*/
table#classSchedule{
    width: 100%;
    border-collapse: collapse;
}

table#classSchedule th, 
table#classSchedule td {
    text-align: center;
    padding: 10px;
    border: 1px solid #ccc;
}

table#classSchedule thead {
    background-color: #0074D9; 
    color: white;
}

table#classSchedule tbody tr:nth-child(even) {
    background-color: #f2f2f2; /* stripe*/
}

/*Holiday List*/
.holidayList {
    list-style-type: decimal; 
}

.holidayList ul {
    list-style-type: upper-alpha; 
}


input[type="radio"] {
    appearance: none;
    width: 15px;
    height: 15px;
    background-color: grey;
    border-radius: 50%;
    
}

input[type="radio"]:checked {
    background-color: green;
    
}


input[type="checkbox"] {
    appearance: none;
    width: 20px;
    height: 20px;
    background-color: grey;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

input[type="checkbox"]:checked {
    background-color: blue;
}


/* ePortfolio*/
h1 {
    text-align: center;
}

.ePortfolio img {
    width: 100px;
    height: auto;
    display: block;
    margin: 10px auto;
    cursor: pointer;
}