/* ----- THEME BASICS ----- */
body {
    text-align:justify;
    font-size:10px;
    font-weight:normal;
    font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    color:#767676;
    background-attachment:fixed;
    background-color:#0F0F0F;
    background-image: url(images/backgrounds/bodybackground.png);
    background-position:bottom left;
    background-repeat:repeat;
    }

p, h2, h4{
    cursor: context-menu;
    }

h4 {
    margin-left: 2.25vw;
}

#container {
    width:100%;
    position:relative;
    padding-top: 3.15%;
    }

/* ----- Side Bar ----- */
#side-bar {
    width:16%;
    height:87%;
    position:fixed;
    z-index:2;
    background-image: url(images/backgrounds/sidebar.png);
    background-color:#141414;
    border:1px dotted #121212;
    }

#side-links {
    margin-top:27%;
    }

#side-links a {
    display:block;
    margin-bottom:2.3%;
    padding-top:3.5%;
    padding-bottom:3.5%;
    width:75.5%;
    font-family:calibri;
    font-size:0.75vw;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#B1B0B0;
    border:1px dotted #121212;
    background-color:#282828;
    text-decoration:none;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    }

#side-links a:hover {
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 5.5%;
    padding-top: 5.5%;
    }

#active-page {
    display:block;
    padding:1.6%;
    margin-bottom:6.9%;
    margin-top: 6.9%;
    width:75.5%;
    font-family:calibri;
    font-size:0.75vw;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#B1B0B0;
    background-color:transparent;
    text-decoration:none;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    cursor: context-menu;
    }

#index-link:hover {
    color:#F92672;
    
    }

#StarMiner-link:hover {
    color:#A6E22E;
    
    }

#RTR-link:hover {
    color:#DC143C;
    
    }

#Maze-link:hover {
    color:#67D8EF;
    
    }

#CivClicker-link:hover {
    color:#563B7E;
    
    }

#Enigma-link:hover {
    color:#DC3A1E;
    
    }

#Dissertation-link:hover {
    color:#105EA9;
    
    }

#MinorProjects-link:hover {
    color:#DD921F;
    
    }
   
/* ----- Main Body ----- */

#content-container {
    padding-top: 1.5%;
    padding-left: 3.66%;
    padding-right: 3.66%;
    font-size: 18px;
    margin-left:17.35%;
    width:73%;
    padding-bottom:1%;
    overflow:hidden;
    background-color:#1C1C1C;
    margin-bottom:1%;
    border-right:2px dotted #121212;
    border-left:2px dotted #121212;
    color:#808080;
    }
 
#content-container ul {
    margin-left: 12%;
    margin-top: 20px;
    margin-bottom: 20px;
    }

#paragraph {
    margin-left: 2.25vw; 
    margin-bottom: 2vh;
    line-height: 22.5px;
    }

/* ----- TITLES ----- */
#title {
    text-align:center;
    font-family: 'Fjalla One', sans-serif;
    font-size:48px;
    text-decoration:none;
    text-transform:uppercase;
    margin-bottom: 50px;
    }

#index-title{    
    color: #F92672;
    cursor: context-menu;
    }

#StarMiner-title{    
    color: #A6E22E;
    cursor: context-menu;
    }

#RTR-title{    
    color: #DC143C;
    cursor: context-menu;
    }

#Maze-title{    
    color: #67D8EF;
    cursor: context-menu;
    }

#CivClicker-title{    
    color: #563B7E;
    cursor: context-menu;
    }

#Enigma-title{    
    color: #DC3A1E;
    cursor: context-menu;
    }

#Dissertation-title{    
    color: #105EA9;
    cursor: context-menu;
    }

#MinorProjects-title{    
    color: #DD921F;
    cursor: context-menu;
    }

#StarMiner-Github, #RTR-Github, #Maze-Github, #CivClicker-Github, #Enigma-Github, #Dissertation-Github, #LinkedIn {
    display:block;
    padding:0.4%;
    margin-top: 0.8%;
    margin-bottom:0.6%;
    width:16.8%;
    font-family:calibri;
    font-size:18px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#B1B0B0;
    border:1px dotted #121212;
    background-color:#282828;
    text-decoration:none;
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
    }

#StarMiner-Github:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #A6E22E;
    }

#RTR-Github:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #DC143C;
    }

#Maze-Github:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #67D8EF;
    }

#CivClicker-Github:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #563B7E;
    }

#Enigma-Github:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #DC3A1E;
    }

#Dissertation-Github:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #105EA9;
    }

#LinkedIn:hover{    
    background-color:transparent;
    border:1px dotted transparent;
    text-decoration:none;
    color: #F92672;
    }