h1 {
max-width: 150px;
color: #0b06a0;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 40px;
background-color: white;
border-radius: 8px;
border-style: solid;
border-color: #f7bb25;
border-width: 4px;
}
h2 {
padding-top: 20px;
}
h3, h3#tfive, h3#tfour {
height: 20px;
color: #5340ce;
font-size: 18px;
}
h4 {
text-align: left;
padding-left: 10px;
}

div#big {
display: flex;
}
div#big > div {
border-radius: 8px;
border-style: solid;
border-color: #f7bb25;
border-width: 4px;
}
div#links {
color: #5278d8;
background-color: white;
padding-left: 10px;
margin-left: 30px;
width: 150px;
min-width: 150px;
height: 255px;
padding-top: 10px;
line-height: 40px;
}
div#bio, div#photo, div#art, div#blog {
background-color: white;
margin-left: 30px;
min-height: 500px;
width: 1100px;
}
div#biotitle, div#phototitle, div#arttitle, div#blogtitle {
color: #0b06a0;
text-align: center;
min-width: 500px;
justify: center;
}
div#biobody, div#photobody, div#artbody div#blogbody {
display: flex;
color: #5278d8;
padding-left:10px;
padding-bottom: 50px;
}

div#blogbody {
margin-left: 75px;
margin-right: 25px;
}

div#biotext, div#phototext, div#arttext, div#tfive, div#tfour {
font-size: 17px;
margin-left: 20px;
text-align: left;
margin-right: 70px;
color: #5278d8;
}
div#spacer {
min-width: 100px;
}
div#me {
padding-top: 10px;
padding-left: 10px;
}
div#me img {
border-style: solid;
border-color: #5340ce;
border-width: 4px;
border-radius: 50%;
height: 250px;
width: 250px;
}

a:link {
color: #5278d8;
font-size: 18px;
text-decoration: none;
}
a:visited {
color: #0b06a0;
}
a:hover {
color: #0b06a0;
font-size: 20px;
}

div#footer {
text-align: center;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
word-spacing: 8px;
}

div#footer a:link {
color: #0b06a0;
font-size: 25px;
}

div#footer a:hover {
color: #5278d8;
font-size: 26px;
}

div#portfolio {
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow: scroll;
}

div#portfolio img {
object-fit: cover;
width: 200px;
max-width: 200px;
height: 200px;
flex: 1 1 auto;
padding: 0px 2px;
border-radius: 8px;
}

div#portfolio img:hover {
object-fit: auto;
width: 300px;
max-width: 300px;
height: 300px;
}


div#tfive img {
height: 300px;
width: 300px;
object-fit: cover;
padding: 5px;
border-radius: 10px;
}

div#tfive > div {
display: flex;
width: 100%;
padding: 4px 4px;
margin-bottom: 5px;
border: 2px solid #9d8edb;
border-radius: 8px;
}

div#tfive > div:hover {
border: 2px solid #5340ce;
}

div#tfive > div > p {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}


body {
background-color: #fccd4e;
}