styles.css

/* to make several deivisions within the html file, id can be used to seperate them from each other. class can be used to change any particular thing within the div.
div id can not be identical but class can be identical. use # for the ids and use . for the class attribute insertion */
h1
{
  color: green;
  text-align: center;
}
h2
{
  color: blue;
  text-align: left;
}
#top
{
  font-size: 36px;
}
.name
{
  font-size: 70px;
  font-weight: bold;
}

#bottom
{
  /* for a border */
  border: 3px solid blue;
  font-family: courier;
  font-size: 28px;
  font-weight: bold;
  background-color: teal;
  width: 500px;
  height: 400px;
  /* outside of the box */
  margin: 30px;
  /* padding is for making additional space within the box for the text clearance */
  padding: 20px;
}
table
{
  border: 2px solid black;
  /* to get rid of the seperated box outline for the table */
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 50%;
  text-align: center;
}
th, td
{
  border: 1px solid black;
  padding: 5px:
}
th
{
  background-color: lightgray;
}