@charset "UTF-8";
body {
	background-color: #FFFFFF;
	color: #000000;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-family: "Times New Roman", "Times Roman", serif;
}
#contentindex {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    position: absolute;
    left: 370px;
    text-align: left;
    width: auto;
}
#contentindex img {
    position: static;
    max-height: 100%;
    width: 52%;
    min-width: 300px;
}
#content {
    float: right;
    margin-left: 10px;
    position: absolute;
    margin-top: 10px;
    margin-bottom: 40px;
    right: 0px;
    left: 370px;
    text-align: left;
}
#content img {
    width: 85%;
    position: static;
    max-height: 100%;
    min-width: 300px;
}
#content #text {
    text-align: left;
    margin-right: 50px;
    margin-bottom: 50px;
}

#content #cv {
	text-align: left;
    margin-right: 50px;
    margin-bottom: 50px;
}
#content #paragraphs  {
    width: 85%;
    text-align: justify;
    margin-bottom: 50px;
}
#navbar #title a:hover{
    color: #000000;
}
#navbar #work4 a:hover{
    color: #0000EE;
}

#navbar #work5 a:hover{
    color: #0000EE;
}

#navbar #work1 a:hover{
    color: #0000EE;
}
#navbar #work2 a:hover{
    color: #0000EE;
}
#navbar #work3 a:hover{
    color: #0000EE;
}
#navbar #about a:hover{
    color: #0000EE;
}
#navbar #cv a:hover {
    color: #0000EE;
}
#navbar {
    float: right;
    margin-top: 10px;
    position: fixed;
    margin-left: 10px;
    min-width: 260px;
    width: 370px;
    z-index: 1;
}
#navbar #instagram {
}
#navbar #title {
    margin-bottom: 50px;
    color: #000000;
    text-decoration: none;
}
#navbar #about a {
    color: #000000;
    text-decoration: none;
}
#navbar #cv a {
    color: #000000;
    text-decoration: none;
}
#navbar #email {
    margin-top: 25px;
    margin-bottom: 5px;
}
#navbar #work4 {
	margin-bottom: 5px;
}
#navbar #work5 {
    margin-bottom: 5px;
}
#navbar #work1 {
	margin-bottom: 5px;
}
#navbar #work2 {
	margin-bottom: 5px;
}
#navbar #about {
	margin-top: 25px;
}
#navbar #cv {
	margin-top: 25px;
}
#navbar #work1 a {
    color: #000000;
    text-decoration: none;
}
#navbar #work2 a {
    color: #000000;
    text-decoration: none;
}
#navbar #work3 a {
    color: #000000;
    text-decoration: none;
}

#navbar #work4 a {
    color: #000000;
    text-decoration: none;
}


#navbar #work5 a {
    color: #000000;
    text-decoration: none;
}

#navbar #title a {
    color: #0000EE;
    text-decoration: none;
}


@media screen and (max-width:768px){
#navbar {
    float: none !important;
    top: 0px;
    position: absolute !important;
	width: 85%;
    margin-bottom: 50px !important;
    height: 475px !important;
	font-size: x-large;
}
#content {
    margin-top: 475px !important;
    position: static !important;
	width: 95%;
    margin-bottom: 50px !important;
    float: none !important;
	text-align: left;
}
#content img {
    width: 100% !important;
    position: static;
    float: none !important;
}
body {
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    font-style: normal;
    font-family: "Times New Roman", "Times Roman", serif;
}
#contentindex {
    margin-top: 435px !important;
    margin-bottom: 50px !important;
    position: static !important;
    text-align: center;
    float: none !important;
	width: 95%;
}
#contentindex img {
    width: 100% !important;
    position: static;
    float: none !important;
}
#content #paragraphs {
    width: 98%;
    text-align: justify;
    margin-bottom: 50px;
}
#content #text {
    text-align: left;
    margin-bottom: 50px;
	width: 100%;
}
#content #cv {
    text-align: left;
    margin-bottom: 50px;
	width: 100%;
	font-size: x-small;
}
}