@charset "utf-8";

/* source-code-pro-regular - latin */
@font-face {
  font-family: 'Source Code Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-code-pro-v14-latin-regular.eot');
  /* IE9 Compact Modes */
  src: local(''),
    url('../fonts/source-code-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/source-code-pro-v14-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/source-code-pro-v14-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/source-code-pro-v14-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro') format('svg');
  /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v14-latin-regular.eot');
  /* IE9 Compact Modes */
  src: local(''),
    url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/source-sans-pro-v14-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/source-sans-pro-v14-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro') format('svg');
  /* Legacy iOS */
}

ul#nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
}

body#home header ul#nav {
  width: 550px;
}

body#about header ul#nav {
  width: 450px;
}

ul#nav li {
  font-size: 16px;
  width: 25%;
  /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  /* If you want the text to be centered */
  text-align: left;
  white-space: nowrap;
}

p#position {
  font-size: 16px;
}

body#home {
  max-width: 600px;
}

body#about {
  max-width: 600px;
}

li.nostyle {
  list-style-type: none;
}

body {
  font-size: 14px;
  margin: 0 auto;
}

p {
  font-family: 'Source Sans Pro';
}

section#resume h1:after {
  content: ' // Dylan Bolger';
  color: #d3d3d3;
}

section#intro h1:after {
  content: ' // Software Developer';
  color: #d3d3d3;
}

div.project.cura h3:after {
  font-style: normal;
  content: ' # Python (FastAPI), requests';
  color: #d3d3d3;
}

div.project.strengthy h3:after {
  font-style: normal;
  content: ' # Python (Flask), HTML, CSS and JS';
  color: #d3d3d3;
}

div.project.streamfinder h3:after {
  font-style: normal;
  content: ' // Node.js, Angular, MongoDB, Puppeteer';
  font-size: 0.82em;
  color: #d3d3d3;
}

div.project.js h3:after {
  font-style: normal;
  content: ' // JavaScript';
  color: #d3d3d3;
}

div.project.shell h3:after {
  font-style: normal;
  content: ' # Shell';
  color: #d3d3d3;
}

div.project.css h3:after {
  font-style: normal;
  content: ' /* CSS */';
  color: #d3d3d3;
}

div.project.htmlcss h3:after {
  font-style: normal;
  content: ' <!-- HTML and CSS -->';
  color: #d3d3d3;
}

div.project.swift h3:after {
  font-style: normal;
  content: ' // Swift';
  color: #d3d3d3;
}

div.project.objc h3:after {
  font-style: normal;
  content: ' // Objective-C';
  color: #d3d3d3;
}

div.project a {
  font-family: 'Source Code Pro';
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Source Code Pro';
}

a {
  color: blue;
}

a:active {
  color: gray;
}

section {
  padding-bottom: 50px;
  line-height: 20px;
}

div.project {
  margin-bottom: 1.4em;
}

div.project h2 {
  font-style: italic;
}

section#projects p#description {
  margin-bottom: 1.5em;
}

header {
  padding-left: 0px;
  margin: auto;
}

/*make uls clean*/
section ul {
  padding-left: 0px;
  list-style-type: none;
  line-height: 20px;
}

div.project h1 {
  margin-bottom: 200px;
}

section h1 {
  font-weight: bold;
  font-size: 28px;
  line-height: 30px;
}

@media (prefers-color-scheme: dark) {
  html {
    background-color: #313134;
  }

  body {
    color: white;
  }

  a {
    color: #0074d9;
  }

  a:hover {
    color: white;
  }
}