@charset "utf-8";

/*
   New Perspectives on HTML and CSS
   Tutorial 6
   Case Problem 1

   Tables Style Sheet
   Author: Corey Burgos
   Date:   9/28/2022

   Filename:         mi_tables.css

*/

/* Table Styles */
table#pricing {
  background: linear-gradient(to bottom, rgb(190, 215, 255), black);
  border: 5px solid gray;
}

table#pricing th, table#pricing td {
  border: 3px solid gray;
  line-height: 1.4em;
  padding: 8px;
}

table#pricing th {
  background: black;
  color: rgb(130, 210, 255);
  font-weight: normal;
}

table#pricing td {
  color: white;
  font-size: 0.9em;
  vertical-align: top;
}


/* Column Styles */
col#firstCol {
  width: 24%;
}

col.dataCols {
  width: 19%;
}


/* Table Header Styles */
table#pricing thead tr {
  height: 60px;
}

thead th.selectPlan {
  font-size: 2em;
}
 
table#pricing thead th.header {
  color: black;
  background: transparent;
}