stylesheet.css

body {
  font-size:16px;
  height:100%;
  margin:0;
}

footer {
  background-color:#efefef;
  font-size:16px;
  color:black;
  font-family:serif;
  margin-top:20px;
}

.footerlink {
color:black;
  text-decoration:underline;
}

.footerlink:hover {
color:blue;
  text-decoration:underline;
}

.footerlink:active {
color:red;
  text-decoration:underline;
}

.programming_statement {
  font-size:15px;
  color:black;
}

.programminglink {
  color:blue;
}

.programminglink:active {
 color:blue; 
}

.programminglink:hover {
 color:red; 
}

#headername {
 color:black; 
}

.padding {
 padding-top:100px; 
}

.twoheadings {
 text-align:center; 
}

.twoparagraphs {
 text-indent:15px;
  margin-left:15px;
  margin-right:15px;
}

@media(max-width:480px) {
  .twoheadings {
   font-size:40px;
    font-family:Times New Roman, Times, serif;
    font-weight:bold;
    color:black;
  }
  
  .twoparagraphs {
   color:black;
    font-family:Arial, sans-serif;
    font-size:16px;
  }
}

@media(min-width:480px) and (max-width:1100px){
  .twoheadings {
   font-size:45px;
    font-family:Times New Roman, Times, serif;
    font-weight:bold;
    color:black;
  }
  
  .twoparagraphs {
   color:black;
    font-family:Arial, sans-serif;
    font-size:17px;
  }
}

@media(min-width:1100px) {
  .twoheadings {
   font-size:50px;
    font-family:Times New Roman, Times, serif;
    font-weight:bold;
    color:black;
  }
  
  .twoparagraphs {
   color:black;
    font-family:Arial, sans-serif;
    font-size:18px;
  }
}