/* 
   My Personal Portfolio's style sheet
   Filename: styles.css

   Author: Isaac Teo
   Date:   17/5/2017
 */

/* reset styles */
html {
   font-size: 16px;
}
a, article, body, div, footer, header, h1, h2, nav, p {
   border: 0;
   padding: 0;
   margin: 0;
}
/*body*/
body.index {
    background-image: url("images/isaac.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-position: 0 0;
    background-size: cover;
    font-family: 'Droid Sans', sans-serif;
}
body.aboutme {
    background-image: url("images/ab.jpg");
    font-family: 'Droid Sans', sans-serif;
}
body.vg {
    background-image: url("images/vg.jpg");
    font-family: 'Droid Sans', sans-serif;
}
body.ac{
    background-image: url("images/ac.jpg");
    background-size: cover;
    font-family: 'Droid Sans', sans-serif;
}
/*container*/
.container {
    max-width:980px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 2em;
}

/*header*/

header a{
    text-decoration: none;
}
header a:visited {
    color:black;
}
header {
    text-align: center;
    padding: 1em;
    border: black solid 1.5px;
    border-bottom: 0;
    background: url("images/marb.jpg");
    
}

/*navigation panel*/
nav.index {
    /*background-color: white;*/
    color: black;
    margin-left: 12em;
}
nav.index p{
    background-color: white;
    margin-left: 1em;
    width: 8em;
    display: inline-block;
    height: 2em;
    text-align: center;
    position: relative;
    top: 20em;
    font-size: 1.5em;
    padding: 0.5em;
    box-sizing: border-box;
}
nav.index a {
    text-decoration: none;
    color:black;    
}
nav.sitenavigation {
    text-align: center;
    background-color: lightskyblue;
    border: midnightblue solid 2.5px;
}

nav.sitenavigation p{
    display: inline-block;
    margin: 0.3em 7em;
}
nav.sitenavigation a:link {
   text-decoration: none;
   color: #34180f;
}
nav.sitenavigation a:visited {
   color: #744f42;
}
nav.sitenavigation a:hover, nav.sitenavigation a:focus {
   color: ivory;
}
/* main content */
article {
 background-color: rgba(255,255,255,0.8); 
}
article p{
    font-size: 1.2em;
    color:black;
    padding:0.5em;
}

article.intro {
    float:left;
    display: inline-block;
    width: 730px;
    background-color: rgba(255,255,255,0.8); 
    border-left:black solid 1.5px;   
    border-bottom:black solid 1.5px;  
    padding-bottom:0.1em;
}
article.sch {
    display:inline-block;
    width: 25%;
    background-color: rgba(255,255,255,0.8);    
    border-left: solid black 1.5px;
    border-right: solid black 1.5px;
    border-bottom: solid black 1.5px;
    padding-bottom: 4em;

}
article.sch h2{
    margin:0 3em;
}
article.sch p{
    display: inline-block;
    margin: 0em 0.3em;
}

article.v {
   text-align: left;
   border: solid black 1.5px;
   border-top: 0;
   padding: 0.3em;
   
}
article.v p{
      margin: 0em 0.5em;
}

article.testimonials {
    display:inline-block;
    text-align: center;
    border: solid black 1.5px;
    border-top: 0 ;
    padding: 0.2em;
}
article.achievements {
    text-align: center;
    border: solid black 1.5px;
    border-top: 0 ;
}

/* footer */
 
footer{
    text-align:center;
    clear:left;
    background-color: rgba(255,255,255,0.8); 
    border: solid black 1.5px;
    border-top: 0;
    padding:0.3em;
}