h1{
background-color:#1D3557;
color:#F6DBCB;
font-family:"courier New";
text-align:center;
font-size:50px;
padding:5px;
border-width:7px;
border-style:dotted;
border-color:#F6DBCB;
}
h4{
text-align:center;
font-family:"courier New";
font-size:25px;
border-width:5px;
border-style:dotted;
border-color:#F6DBCB;
padding:3px;
}
h3{
background-color:#457B9D;
padding:.25in;
border-width:2px;
border-style:dotted;
border-color: F6DBCB;
}
/*This is a comment.*/
div{
color:#1D3557;
margin:10px;
font-size:13pt;
text-align:center;
padding:20px;
}

div.smalls{
padding:.25in;
}

#apple{
background-color:#457B9D;
border-width:3.5px;
border-style:dotted;
border-color: F6DBCB;
}

#beta{
background-color:#A8DADC;
border-width:3.5px;
border-style:dotted;
border-color: F6DBCB;
}

#cappa{
background-color:#457B9D;
border-width:3.5px;
border-style:dotted;
border-color: F6DBCB;
}

#photo{
float:right;
background-color:#1D3557;
border-width:3.5px;
border-style:dotted;
border-color: EC9A9A;
height:1in;
padding:.5in;
}


#divFlex{
background-color:#EC9A9A;
padding:50px;
font-family:"courier New";
display:flex;
flex-direction:column;
height:1in;
border-width:3px;
border-style:dotted;
border-color: A8DADC;

}
a{
background-color:#355070;
color:white;
border:2px solid #F6DBCB;
margin-bottom:2px;
}
a:hover{
background-color:#BACADE;
color:#006d77;
}

a:active{
background-color:grey;
}
#site{
padding:20px;
height:1in;
}




/* Style the tab */
.tab {
  overflow: hidden;
  border: 3px dotted #f6dbcb;
  background-color: #EC9A9A;
text-size:50px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
text-color:457B9D;
font-family:"courier New";
  background-color: inherit;
  float: justify;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 30px;
  transition: 0.3s;
font-size:20px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #EFCAC4;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #6d597a;
}

/* Style the tab content */
.tabcontent {
  display: none;
background-color: #A8DADC;
}



/* Style the tab2 */

.tab2 {
  overflow: hidden;
  border: 3px dotted #f6dbcb;
  background-color: #E96A70;
text-size:50px;
}
/* Style the buttons that are used to open the tab content */
.tab2 button {
text-color:457B9D;
font-family:"courier New";
  background-color: inherit;
  float: justify;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 3px 30px;
  transition: 0.3s;
font-size:20px;
}

/* Change background color of buttons on hover */
.tab2 button:hover {
  background-color: #EFCAC4;
}

/* Create an active/current tablink class */
.tab2 button.active {
  background-color: #6d597a;
}

/* Style the tab content */
.tab2content {
  display: none;
background-color: #A8DADC;
}



/* Style the tab3 */

.tab3 {
float:left;
  overflow: hidden;
width:18%;
height:250px;
text-size:100px;
background-color:#EC9A9A;
padding:25px;
font-family:"courier New";
flex-direction:column;
border-width:3px;
border-style:dotted;
border-color: A8DADC;
}

/* Style the buttons that are used to open the tab content */
.tab3 button {
display:block;
text-color:457B9D;
font-family:"courier New";
text-align:left;
  background-color: inherit;
  float: justify;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 22px 16px;
  transition: 0.3s;
width:100%;
font-size:20px;
}

/* Change background color of buttons on hover */
.tab3 button:hover {
  background-color: #EFCAC4;
}

/* Create an active/current tablink class */
.tab3 button.active {
  background-color: #6d597a;
}

/* Style the tab content */
.tab3content {
  float: right;
  padding: 0px 12px;
  border: 1px solid #ccc;
  width: 70%;
  border-left: none;
  height: 800px;
background-color: #A8DADC;
}


/* Style the tab4 */

.tab4 {
  float:right;
  overflow: hidden;
width:18%;
height:250px;
text-size:100px;
background-color:#EC9A9A;
padding:25px;
font-family:"courier New";
flex-direction:column;
border-width:3px;
border-style:dotted;
border-color: A8DADC;
}

/* Style the buttons that are used to open the tab content */
.tab4 button {
display:block;
text-color:457B9D;
font-family:"courier New";
text-align:left;
  background-color: inherit;
  float: justify;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 22px 16px;
  transition: 0.3s;
width:100%;
font-size:20px;

}

/* Change background color of buttons on hover */
.tab4 button:hover {
  background-color: #EFCAC4;
}

/* Create an active/current tablink class */
.tab4 button.active {
  background-color: #6d597a;
}

/* Style the tab content */
.tab4content {
  display: none;
background-color: #A8DADC;
}