body{margin:0;}
.container {margin:10px 10%;font:normal normal 14pt Verdana, sans-serif;}

/*header*/
.headerClear{clear:both; height:80px;}
.header{width:100%; background-color:red; position:fixed; top:0; height:60px;color:white; text-align:center;border-bottom:black solid 5px;z-index:1}

/*footer*/
.footerClear{clear:both;height:130px;}
.footer{width:100%; background-color:black; position:fixed; bottom:0; height:100px;border-top:red solid 5px;}

/*dhLogo*/
.dhLogo{font:normal normal 42pt Impact, sans-serif; letter-spacing:-1.5pt; color:red;float:right; margin: 15px 50px;}
.style1stWord{color:white;}
.style2ndWord{color:red;}
.dhLoader{float:left;font:normal normal 30em impact, sans-serif; letter-spacing:-1.5pt; margin:auto auto; width:100%; height:100%; background-color:black;text-align:center; position:absolute; z-index:1;}
#dhLoaderD{position:absolute;left:-50%;width:250px;}
#dhLoaderH{position:absolute;right:-50%;width:250px;}
#dhLoaderKITT{position:absolute;top:500px;left:-50px;width:50px;height:50px;background-color:red;overflow:hidden;}


/*panel*/
#flip{cursor: pointer;}

#panel, #flip {
    padding: 5px;
    text-align: center;
    background-color: red;
}

#panel {
    padding: 50px;
    display: none;
}


/*Menu*/
.heading{font:normal normal 26pt Impact, sans-serif; display:inline-block; width:180px;margin-top:10px;background-color:black;}/*#666666;}*/
.heading:hover {cursor:pointer;background-color:black; border-bottom:3px solid white;}

/*Content*/
h1{font:normal normal 32pt Impact, sans-serif; text-decoration: small-caps; letter-spacing:-1pt; color:red; text-align:right;margin-top:-10px; width:100%; display:block; border-bottom:solid thick red;}
.content {width:100%;min-height:400px;padding:15px;}/*border:silver solid thin; border-radius: 15px;   box-shadow: 0 0 50px silver;}*/
.clear{clear:both; }

/*About Me Page*/
.AboutPic {width:300px; margin-right:10px;border-radius: 15px; }
/*Social Media Page*/
.SocialLinks {float:left; width:100px; text-align:center;}
.SocialLogo{width:90px;}

/*Showcase page*/
.projBtn{float:left; width:300px; height:300px;margin:20px; border-radius: 15px; background-color:red;padding:10px;text-align:center;}
.projLogo{max-width:250px; max-height:250px;}
.projTitle{text-align:center;height:40px;}