#main {
    color:DarkOliveGreen;
    font-family:Verdana;
    text-align:center;
    font-style:normal;
}
.index {
    background-color:DarkKhaki;
    color:rgb(112,100,66);
    font-size:30px;
    font-style:italic;
    text-align:right;
    font-family:Times;
    position:relative;
}
a {
    color:#F0E68C;
    font-size:20px;
}
.aboutme {
    background-color:Darkred;
    color:lightcoral;
    font-family:Times;
    font-style:bold;
    font-style:italic;
}
#main2 {
    color:indianred;
    font-style:georgia;
    text-align:center;
}
#aboutmep {
    text-align:right;
    color:lightsalmon;
    font-size:30px;
}
iframe {
    text-align:center;
}
#quote {
    text-align:left;
    color:khaki;
    font-size:25px;
    font-style:bold;
}
h3 {
    color:lightsalmon;
    text-align:center;
}
.portfolio {
    background-color:silver;
}
#portmain {
    color:Slategrey;
    text-align:center;
}
table {
    font-size:40px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    color:honeydew;
}
.imgabt {
    height:500px;
    float:right;
}
#imgabt1 {
    height:500px;
}
#kyn {
    font-size:30px!important;
}
#kyn {
    font-size:20px;
}
body {
    color:honeydew;
    font-size:30px;
    font-family:Helvetica;
}
iframe {
    float:middle;
}
ol {
    display: inline-block;
    text-align: left;
}
.container {
  text-align: center;
  padding:2px
  border:solid black 2px;
  margin:2px
}
.myUL {
  display: inline-block;
  text-align: left;
}
#project {
    float:right;
}
mark {
    background-color:wheat;
    color:maroon;
}
.header {
    background-color:Khaki;
}
.body {
    border-style:solid;
    border-width:3px;
}
.footer {
    border-style:dashed;
    border-width:3px;
}
.hidden {
    visibility:hidden;
}
#index-cap:hover .hidden{
    visibility:visible;
}
img:hover {
    height:600px;
    width:600px;
    transition: height, width 2s;
}