/*
-----Index-----
Author: Peter Goodwin s3793762
RMIT
Assignment 1

1. Body
2. Fonts
3. Containers
4. Header
5. Tabs
6. Footer




*/
 /* ---------- Body ---------- */

body{
    background-color: #e7e7e7;
    margin: 0px;
    padding: 0px;
    font-family: 'Lato', sans-serif;
}



/* ---------- fonts ---------- */

p{
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 22px;
}

h1, h2, h3, h4, h5, h6{
     font-family: 'Lato', sans-serif;
     margin: 0;
     padding: 0;
}
q{
    margin: 10px;
    display: block;
    font-weight: bold;
}

/* ---------- Containers ---------- */

.main_wrapper {
  max-width: 1240px;
  width: 100%;
  background-color: #ffffff;
  margin: auto;
  position: relative;
}

/* ---------- Header ---------- */

.header{
     height: 500px;
     width: 98%;
     background-color: #ffffff;
     position: relative;
     margin: auto;
     padding: 10px 0px;
}
.bioWrapper{
     background-color: #DBDCD4;
     height: 100%;
     width: 100%;
     position: relative;
}
.header h1{
     display: inline-block;
}
.bioContainer{
     width: 40%;
     position: absolute;
     top: 50%;
     left: 20px;
     transform: translateY(-50%);
}
.bioContainer p{
     padding: 10px 20px;
}
.verticalSeparator{
     position: absolute;
     height: 100%;
     width: 1px;
     background-color: #152C55;
     left: 50%;
     transform: translateX(-50%);
     top: 0px;
}
.header .profile_picture{
     width: 300px;
     height: auto;
     position: absolute;
     right: 0px;
     bottom: 0px;
}
.signature{
     font-family: 'Cedarville Cursive', cursive;
     font-size: 22px;
}

/* ---------- Tabs ---------- */

.tab_container{

}
.tab_bar{
     width: 100%;
     height: 65px;
     border-bottom: 1px solid #333;
     text-align: center;
}
.tab1, .tab2, .tab3, .tab4{
     font-weight: 200;
     margin: 22px;
     text-transform: uppercase;
     cursor: pointer;
     float: left;
}
.game_link{
    font-weight: 200;
    margin: 22px;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
}
.game_link a{
    text-decoration: none;
}
.container{
     margin-bottom: 20px;
}
.tab_content{
     padding: 22px;
}
.tab_content:not(:first-child){
     display: none;
}
.paragraph_container{
     width: 50%;
     text-align: justify;
     margin: 120px auto;
}

.paragraph_container h3{
    margin-bottom: 10px;
    text-transform: uppercase;
}
.profileImg{
     width: 240px;
     display: block;
     margin: auto;
}


/* ---------- footer ---------- */
footer{
     height: 160px;
     background-color: #666568;

}
.socialMedia{
     text-align: center;
     color: #fff;
     padding: 51px;
}
.socialMedia .fab{
     display: inline-block;
     margin: auto;
     padding: 10px;
}

.job_img{
    width: 100%;
    display: block;
    margin: auto;
}











/* Responsive */
@media screen and (max-width: 800px){



}