.clearDiv{clear: both;}
.leftDiv{float: left;}
.rightDiv{float: right;}
.hiddenDiv{display: none;}
.welcomeMsg{color: orange;}
.socialBar{border-bottom: 1px dotted orange;box-shadow: 0px 2px black;border-radius: 30px 10px 0px 0px; background-color: darkslategrey;}
.menuItemImg{width: 80%;}
.subHeaderTxt{font-weight: bold;font-size: large;color: orange;font-family: 'Courier New', Courier, monospace;}
.aboutPresentaionDiv{padding: 2%;}
.aboutLink{color: orangered;}
.aboutLink:hover{color: orange;}
.resumeDiv{color: darkcyan;cursor: pointer;}
.resumeDiv:hover{color: darkgoldenrod}
#resumeDescDiv{background-color: black;color:white; opacity: 0.9; cursor: pointer;position: absolute;z-index: 1;padding: 2%;border-radius: 30px 30px 30px 30px;box-shadow: 3px 3px darkgoldenrod;}
.resumIconDesc{border-radius: 30px 30px 30px 30px;margin-left: 2%;}
.resumeCompanyDesc{font-weight: bold;font-size: 2em;}
.resumeRefPeriodDesc{color: white;text-decoration: underline;}
.resumeRefDesc{color: orange;}
.formField{padding: 1%;background-color: grey;color: black; opacity: 0.9; width: 80%;margin-left: 10%;cursor: pointer;}
.lightgalleryContainerDiv{overflow: auto;border: 1px solid red;background-color: whitesmoke;}

.commentBody {
    color: whitesmoke;
    background: radial-gradient(circle at 50% 30%, #001f3f, #000000 90%);
    background-repeat: no-repeat;
}
.commentFormFieldDiv{float: left;margin: 2%;width: 30%;}
#commentHeaderDiv, #commentLogoutDiv{padding: 1%;}
.commentContainerDiv{height: 790px;border: 1px solid brown;padding: 1%;overflow: auto;}
.commentList{padding: 1%;border-bottom: 1px solid black;background-color: wheat;margin: 1%;color: darkblue;}