/**
  * =====================================
  * Author: Noah Sheridan
  * Description: Personal CSS stylesheet
  *              for portfolio website
  * =====================================
  */

html, body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

/**
  * Homepage:
  * Name, job and company description, and background image
  * !!Need to add social media links
  * --------------------------------------------------------
  */

#home {
  background: #151515 url(./images/websiteBackground.png);
  -webkit-background-size: cover;
  -mox-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  height: 100vh;
  width: 100%;
  display: table;
  overflow: hidden;
}

.homepage {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.homepage h1 {
  font-size: 80px;
  color: white;
}

.homepage h5 {
  font-size: 25px;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
}

/**
  * About Me Section:
  * Description, skills, and relevant coursework
  * ---------------------------------------------
  */

#aboutme {
  background: #F4F4F4;
  padding-top: 50px;
  height: 100%;
}

.aboutsection h3 {
  text-align: center;
  font-size: 4rem;
  color: #239cc3;
}

.aboutsection p {
  text-align: left;
  display: inline-block;;
  padding-left: 15px;
  padding-top: 15px;
  font-size: 1.25rem;
}

.aboutsection img {
  height: 15rem;
  width: 15rem;
  padding-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/**
  * Skills Section:
  * Skills explanation and knowledge bars
  * --------------------------------------
  */

.skillsandlangs {
  padding-bottom: 50px;
  margin: auto;
}

.skills .skillHeader {
  color: #239cc3;
  font-size: 3rem;
  text-align: center;
}

.skills .skillpar {
    font-size: 1.25rem;
    padding-bottom: 20px;
}

.other-skills h4 {
  text-align: left;
}

.other-skills .other-skills-item {
    display: inline-block;
    margin: 3px 3px 3px 0;
    font-size: 1.15rem;
    font-weight: 550;
    padding: 2px 7px;
    border-radius: 3px;
    color: #000000;
    border: 1px solid #C0C0C0;
    background: 0 0;
}

/** Relevant Coursework */

.skills .coursework {
  padding-bottom: 50px;
}

.skills .courseHeader {
  color: #239cc3;
  font-size: 3rem;
  text-align: center;
}

.skills ul {
  list-style-type: none;
}

.skills li {
  font-size: 1.25rem;
  margin-top: 12px;
}

/**
  * Resume Section:
  * List of education and job experience
  * -------------------------------------
  */

#resume{
  background: #EAEAEA;
  height: 100%;
  padding-top: 50px;
}

.resumesection .resumeHeader {
  font-size: 4rem;
  color: #239cc3;
  padding-left: 10px;
  text-align: center;
}

.subheaders {
  color: #239cc3;
  font-size: 3rem;
  padding-bottom: 15px;
  padding-left: 15px;
}

.pieces p {
  font-size: 1.25rem;
  margin: auto;
  padding-left: 10px;
  padding-bottom: 40px;
}

/**
  * Portfilio Section:
  * Displays various projects and links
  * ------------------------------------
  */

#portfolio {
  background: #F4F4F4;
  height: 100%;
  padding-top: 50px;
}

#portfolio img {
  height: 300px;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.portfolioHead {
  text-align: center;
  font-size: 4rem;
  color: #239cc3;
}

#contactpage {
  background: #EAEAEA;
  height: 100%;
  padding-top: 50px;
}


#copyright {
  text-align: center;
  background-color: black;
  color: white;
}