/* Personal Page */ 
  #about-me-header {color:red;}
  #hobbie-interest-header{color:blue;}
  #education-header{color:green;} 
  
  #education-degree{  font-weight: bold;}
  #education-hs{    font-style: italic; }
  #education-cert{text-decoration : underline;}

  a:hover {
   font-size: 150%;
   transition: font-size 0.3s ease; 
}
   /* Class Schedule Page */ 
#class-schedule a:hover {font-size: inherit;}   
#class-schedule-table td{ text-align: center;} 
#class-header-row{color: blue ;}
tr:nth-child(even) {background-color: lightskyblue;}
#holiday-list { list-style-type: decimal; }
#holiday-list ul li { list-style-type: upper-alpha; }

 /* Create Account Page*/ 
 #account a:hover {font-size: inherit;}   
  /* Checkboxes*/ 
  /* Custom label */
 .languages {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
 }

   /* Hides default checkbox */
 .languages input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }

 /* Custom checkbox */
 .checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   background-color: #4f5350;
 }

 /*Selected checkbox turns blue */
 .languages input:checked ~ .checkmark {
   background-color: #0d49d3;
 }

  /* Radio Buttons*/ 
   
  /* Custom label */
  .major {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   font-size: 22px;
   -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
 }

   /* Hides default radio button */
 .major input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
 }

   /* Custom radio button */
 .check {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   background-color: #4f5350;
   border-radius: 50%;
 }

   /* Selected radio button turns green  */
 .major input:checked ~ .check {
   background-color: #0fe636;
 }
 
 

  
 
/* E portfolio */ 
   H1 { text-align: center;} 
   #portfolio a:hover {font-size: inherit;}   
   #portfolio {text-align: center;}