/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

.header {
  background-color: rgb(251,251,238);
  color: rgb(29,30,33);
  padding: 30px;
  text-align: center;
}

/*lets get these images babyyyyyy on the header*/
.logo {
  float: left;
}  

.logo-2 {
  float: right;
}  

/*it's a whale!!!*/
.whale {
  float: right;
  padding: 0 80px 20px 60px;
}

.caption {
  float: right;
  text-align: center;
  padding: 0 110px 0 110px;
  background-color: rgb(251,251,238);
  color: rgb(29,30,33);
}  

/*margins but again*/
h1 {
  margin: 0px;
}

p {
  margin: 40px 40px 40px 40px;
  font-size: 1.2em ;
}

h3 {
  margin: 40px 40px 40px 40px;
  text-decoration: underline;
} 

ul {
  font-size: 1.1em
}  

.work {
  margin: 40px 40px 40px 0px;
}


.paragraph {
  margin: 40px;
}

.head-address{
  font-size: 1.2em ;
}
/* Style the top navigation bar */
.topnav {
  overflow: hidden;
  background-color: rgb(249, 211, 59);
}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
  background-color: white;
  color: black;
}



/*Background and text color*/
body {
  background-color: rgb(29,30,33);
  color: rgb(251,251,238);
  font-family: Gill Sans;
  margin: 20px 50px 20px;
}


h2,
h4,
h5,
h6 {
  text-align: center;
}

#no-center {
  text-align: left;
}


a:link {
  color: blue;
}


a:visited {
  color: rgb(12, 88, 92);
}

/* Style the header */


/*keeping the email blue for class*/
.email {
  color: blue;
  font-size: 1.2em ;
}




/*tables tables tables*/
.content-table {
  border-collapse: collapse;
  margin: 10px ;
  font-size: 0.9em ;
  min-width: 400px ;
  text-align: center;
  display: inline-block;
  border: 1px solid gold;
  padding: 1px;
} 

.content-table thead tr {
  color: rgb(249, 211, 59);
  text-align: center;
}

.content-table th,
.content-table td {
  padding: 12px 15px;
  text-align: left;
}

.content-table tbody tr {
  border-bottom: 1px solid gold;
}

.table-title {
  font-size: 1.5em;
  text-align: center;
  background-color: rgb(251,251,238);
  color: rgb(29,30,33);
  table-layout: fixed ;
  width: 100% ;
}


/*how about we take the header content and PUSH it somewhere else*/
.footer {
  background-color: rgb(251,251,238);
  color: rgb(29,30,33);
  padding: 1px;
  margin: 1px;
  text-align: left;
}

/*now i gotta line up this stupid footer email i hate padding*/
.nopads {
  margin: 10px 0px 0px 0px;
}


/*super special margins for the Work Experience and Reference who I despise*/
.please-work {
  margin: 40px 40px 40px 0px;
}