@charset "utf-8";
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

html, body {
    height: 100%;
    margin: 0;
}

body {
    background-image: url('/var/www/html/images/Win11Desktop.png'); /* Path to your background image */
    background-size: cover; /* Ensure the image covers the whole background */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Prevent repeating the image */
    background-attachment: fixed; /* Keep the background fixed during scrolling */
    font-family: 'Open Sans Condensed', sans-serif;
    height: auto;
    margin: 20px auto;
    padding: 0 7px;
    width: 960px;
}

a {
    color: #fff;
    text-decoration: none;
}
a:hover {
    color: #fff;
}
a:visited {
    color: #fff;
}
a:active {}

h1 {
    color: #fff;
    margin: 0;
    padding: 0;
}
h2 {
    color: #555555;
}
h3 {
    color: #555555;
}
h4 {}
h5 {}
h6 {}
p {
    /*color: #fff;*/
}
ul {
    margin: 10px 0 0;
    padding: 0;
}
ul li {
    list-style: none;
    margin: 0;
    padding: 0 0 5px 10px;
}
ul li a {}
ul li a:hover {}
img {
    border: none;
    max-width: 98%;
    padding: 1%;
}

/* ------------------ Header ------------------------  */
header {
    padding: 0px;
    height: auto;
    overflow: hidden;
}
header .logo {
    padding: 20px 5px;
}
#site-name {
    color: #ffffff;
    line-height: 0.75em;
}
#site-subhead {
    color: #ffffff;
}
/* ------------------ Content ------------------------  */
#Content {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    width: auto;
}
section {
    height: 175px;
    margin: 5px;
    overflow: hidden;
    padding: 15px 15px 20px 15px;
    position: relative;
    word-wrap: break-word;
}
section img {
    display: block;
    margin: 10px auto auto;
}
.sliderImg {
    /*padding: 0 0 0 60px;*/
}
section.lgBox {
    float: left;
    width: 250px;
}
section.lgBox p {}
section.smBox {
    float: left;
    overflow: hidden;
    width: 125px;
}
section.smBox p {}
body#About, 
section.about {
    background: #0098AB;
}
body#Projects, 
section.projects {
    background: #F3BF00;
}
body#Resume,
section.resume {
    background: #2C87EF;
}
body#Skills,
section.skills {
    background: #0A54BD;
}
body#Contact, body#ThankYou,
section.contact {
    backg