/* Color scheme: 
#fdfff5 (ivory)
#D8C3A5 (darker tan)
#8E8D8A (grey)
#E98074 (lighter red)
#E85A4F (dark red)
#800000 (maroon)
#B22222 (fire brick)
*/


/* HOME PAGE */

body {
    background-color: #fdfff5;
    text-align: center;

    font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
    font-style: normal;
    font-variant: normal;
    line-height: 26.4px;
}


.one {
    margin-left: 20%;
    margin-right: 20%
}

h1 {
    font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
    font-size: 28px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 26.4px;
    color: #800000
}

h1:hover {
    color: #B22222
}

h3:hover,
h2:hover,
.one:hover {
    color: darkred
}


h3,
.one {
    font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 26.4px;
    color: #B22222;
    font-style: italic;
}

td,
table {
    margin-left: auto;
    margin-right: auto;
    font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    line-height: 26.4px;
    font-size: 16px;
    color: #8E8D8A;
    border-spacing: 30px;
    text-align: left
}



a {
    color: #8E8D8A
}

a:hover {
    color: darkslategrey
}

td:hover {
    color: darkslategrey
}


#firstList {
    list-style-type: none;
    text-align: left;
    padding: 2%;
    float: left;
    min-width: inherit;
    border: solid 1px;
    border-color: #D8C3A5;
    font-size: 16px;
    font-weight: 500;
}

#firstList:hover {
    border-color: indianred
}

li:hover {
    color: darkslategrey
}

;

li {
    color: #8E8D8A;
}

h2 {
    font-weight: 500;
    color: #E98074;
}

.titles {
    color: firebrick;
    font-size: 20px;
    font-weight: 550;
}

.titles:hover {
    color: darkred
}

strong {
    font-weight: 600
}

strong:hover {
    color: darkblue
}


#textAndImage {
    display: flex;
    align-items: center;
}

#Email {
    color: #8E8D8A
}

#Email:hover {
    color: darkslategray
}

p,
.cv {
    margin-left: 20%;
    margin-right: 20%;
    color: darkslategrey;
    font-weight: 500
}

p:hover,
.cv:hover {
    color: black;
}

.one:hover {
    color: darkred
}



#Students {
    border-top: solid 1px;
    border-top-color: #D8C3A5;
}

#Students:hover {
    border-top-color: brown
}


#students2 {
    font-size: 20px
}

.studentList {
    margin: 5%;
}


.tableTwo {
    padding: 15px;
    padding-right: 25px
}

/* 

RESEARCH 

no extra CSS needed

*/


/* CV */


.cv {
    text-align: left
}


.column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}



.studentList {
    border: none
}

.studentList {
    margin: 0%;
    margin-left: 15%;
    color: rebeccapurple
}

.REUlist{
    margin: 0%;
    margin-left: 15%;
    text-align: left;
    list-style-type: decimal;
    list-style-position: outside
}

.REUlist0{
    margin: 0%;
    margin-left: 15%;
    text-align: left;
    list-style-type: circle;
    list-style-position: outside
}

.REUlist2{
    margin: 0%;
    margin-left: 0%;
    text-align: left;
    list-style-type: decimal;
    list-style-position: outside
}

.purpleLink {
    color: rebeccapurple
}

.purpleLink:hover {
    color: mediumpurple
}


.studentList {
    list-style-type: decimal;
    list-style-position: outside
}

.pubList {
    margin-bottom: 5%;
    margin-left: 15%;
    margin-right: 15%;
    color: #708090;
    border-width: medium
}

.two {
    color: indianred
}

.three,
.linkthree {
    color: purple;
    font-size: 20px
}

.two:hover {
    color: palevioletred
}

.three:hover,
.linkthree:hover {
    color: #63253E
}

#classList {
    align-items: center;
    list-style-type: none;
    padding-left: 0%;
    padding-right: 0%;
    text-align: left;
    padding-right: 0%;
    margin-left: 15%;
}

.teaching {
    text-align: left;
    margin-left: 20%
}

#classList:hover {
    border-color: firebrick;

}

.three {
    list-style-type: none
}

.imagetable:hover {
    transform: scale(2);
    transition: .35s
}


.arrow1 {
    align-content: center;
    font-size: 150%;
    padding-right: 10% !important;
}

.arrow1:link,
.arrow2:link {
    text-decoration: none;
    font-size: 110%;
    position: absolute
}

.arrow2 {
    align-content: center;
    font-size: 150%;
    padding-left: 10% !;
}

.arrow1:hover,
.arrow2:hover {
    color: blueviolet
}

.nest,
.software {
    align-content: center !
}

.software {
    list-style-type: decimal
}

.nestedList {

    padding: 2%;
    padding-left: 4%
}

.nestedList:hover {
    border-color: firebrick
}

.nestedList {
    text-align: left;
    margin-left: 15%
}

.software {
    color: firebrick;
    font-size: 18px
}

.software:hover {
    color: darkred
}

.nest {
    color: purple
}

.nest:hover {
    color: mediumpurple
}

.homeLink:hover {
    color: mediumpurple
}

h5 {
    font-family: Perpetua, Baskerville, "Big Caslon", "Palatino Linotype", Palatino, "URW Palladio L", "Nimbus Roman No9 L", serif;
    color: #483D8B;
    font-size: 16px;
    font-weight: 600
}

h5:hover {
    color: blueviolet
}

.purpleLink {
    font-weight: 400
}

.aClass {
    text-align: left;
    margin-left: 25%
}

.myClass {
    margin-left: 0%;
    margin-right: 25%
}

.anotherList {
    margin-right: 25%
}


.boldLink {
    font-weight: 600;
    color: darkslateblue
}

ul {
    font-size: 17px
}

.bigLink {
    color: darkblue !important
}

strong {
    color: darkblue
}

.RefList {
    list-style-type: none;
    margin-right: 25%
}

.students,
.studentList {
    text-align: left
}

.classParagraph {
    text-align: left;
    margin-left: 0%
}

.titles3 {
    font-size: 17px;
    color: firebrick;
    font-weight: 600
}

.titles3 {
    list-style-type: none
}

.studentList {
    margin-left: 0%
}

.redLink {
    color: firebrick
}

.ToTheLeft {
    text-align: left !important;
    margin-left: 20%
}

bold {
    font-weight: 600
}

.BlueandBold {
    color: darkslateblue
}

.BlueandBold:hover {
    color: blue
}

.ListWithBorder {
    border: solid 1px;
    border-color: darkred
}

.ParagraphOnTheRight {
    margin: 0%;
    padding: 0%
}

.ImageOnTheLeft {
    float: right !important;
    margin-right: 28%
}

.red {
    color: firebrick;
    border-color: indianred
}

.green {
    color: green
}

.yellow {
    color: darkgoldenrod
}

ul {
    margin-right: 25%
}

img {
    word-wrap: normal
}


ol {
    margin-right: 25%
}

.NoPadding {
    padding: 0%
}

h6 {
    margin-left: 0%;
    color: darkgrey
}

.TableWithBorder {
    border: solid;
    border-collapse: collapse;
    text-align: center;
    padding-right: 0%;
    padding-left: 0%;
    margin-left: 0%;
}

.RedBorder {
    border-color: indianred
}

.GreenBorder {
    border-color: green
}

.YellowBorder {
    border-color: gold
}

.LJ {margin-left: 15%;
margin-right: 15%;
text-align: left}

.LJList1 {padding-left: 0%}

tab {
    display: inline-block;
    margin-left: 40px;
}