/* 
   Filename:  56_Ford_T-Bird_Research.css
   Author:    John G. (Skip) Todora
   Date:      April 13, 2024
   Revised:   August 18, 2025 to make the page cellphone friendly
   Website:   skipsmessyworkbench.com
*/

body {
    /* .bg-gradbg-grad-31-model-A { */
    background-color: #FFFFFF;
    /* background-image: linear-gradient(#c2a9a9, #c23737); */
    background-image: linear-gradient(#c2a9a9, #690507)
    /* background-image: linear-gradient(#c5f0c5, #90EE90); */
    /* background-color: #b5b5cf; */
    /* background-image: linear-gradient(#BDC2D4, #2f3d70); */ 
    /* #1E90FF #1EB3FF #66C4FF */
}

/* research container */
.research-container {
  max-width: 1024px;
  position: relative;
  margin: auto;
}


th {
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    background-color: rgb(24,74,122);
    width: 341px;
  }

tr {
    width: 341px;
}
  
  tr:nth-child(odd) {
    /* background-color: rgb(67, 128, 185); */
    /* background-color: antiquewhite */
    background-color: rgb(134, 161, 185);
  }

  tr:nth-child(even) {
    /* background-color: gray; */
    background-color: antiquewhite;
  }
  
  table, th, td {
    max-width: 1023px;
    margin-left: auto;
    margin-right: auto;
    border: 2px solid black;
    border-collapse: collapse;
  }

  .table-body {
    display: flex;
    margin: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
 
.color-chart {
    display: block;
    margin: auto;
    width: 70%;
    padding-top: 5px;
    padding-bottom: 15px;
}

/* Fading animation */
.fade {
  /* -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s; */
  animation-name: fade;
  animation-duration: 1.5s;
}

/*
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
*/

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

.descCenter {
	text-align: center;
	font-family: verdana;
	font-size: 16px;
  padding: 10px;
}

.descLeft {
  text-align: left;
	font-family: verdana;
	font-size: 16px;
	padding: 10px;
}

.first-p {
  padding-top: 60px;
}

.sidePanelMenu {
	margin-left: 50px;
	font-size: 32px;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.center-text {
  text-align: center;
 }
 
 p {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.box-art-img {
  display: flex;
  margin: auto;
  width: 75%;
  padding-left: 10px;
  padding-right: 10px;
}