/* line 1, src/scss/styles.scss */
html,
body {
  height: 100%; }

/* line 5, src/scss/styles.scss */
body {
  height: auto !important;
  min-height: 100%;
  background: #020024;
  background: linear-gradient(190deg, #020024 0%, #090979 35%, #00d4ff 100%) fixed no-repeat;
  color: rgba(255, 255, 255, 0.829);
  padding: 20px;
  scroll-behavior: smooth; }
  /* line 14, src/scss/styles.scss */
  body header {
    text-align: center;
    min-height: 100vh;
    position: relative; }
    /* line 19, src/scss/styles.scss */
    body header .container {
      width: 100%;
      text-align: center;
      position: absolute;
      top: 50%;
      transform: translateY(-80%);
      text-shadow: 1px 1px 2px black; }
  /* line 29, src/scss/styles.scss */
  body article {
    min-height: 50vh;
    text-shadow: 1px 1px 2px black; }
    /* line 32, src/scss/styles.scss */
    body article h2 {
      text-align: center; }
    /* line 35, src/scss/styles.scss */
    body article p {
      max-width: 600px;
      margin: 0 auto; }
  /* line 42, src/scss/styles.scss */
  body #about p {
    line-height: 30px; }
  /* line 47, src/scss/styles.scss */
  body #projects {
    display: grid;
    grid-template-columns: repeat(2, 49%);
    grid-template-rows: repeat(4, auto);
    grid-gap: 15px 2%; }
    /* line 52, src/scss/styles.scss */
    body #projects h2 {
      grid-column: 1/3;
      grid-row: 1; }
    /* line 57, src/scss/styles.scss */
    body #projects div[class^='project'] {
      height: 400px;
      background-color: red;
      padding: 20px; }
      /* line 62, src/scss/styles.scss */
      body #projects div[class^='project'] img {
        width: 100%;
        height: auto;
        max-width: 660px; }
    /* line 68, src/scss/styles.scss */
    body #projects p {
      font-size: 2em; }
  /* line 73, src/scss/styles.scss */
  body footer {
    margin-top: 20px;
    background: rgba(255, 255, 250, 0.9);
    text-align: center;
    padding: 15px 0; }
    /* line 78, src/scss/styles.scss */
    body footer a {
      margin-right: 10px;
      display: inline-block;
      line-height: 0; }
      /* line 82, src/scss/styles.scss */
      body footer a img {
        max-width: 70px; }
      /* line 85, src/scss/styles.scss */
      body footer a:last-child {
        margin-right: 0; }
    /* line 89, src/scss/styles.scss */
    body footer p {
      margin-bottom: 0;
      color: #414040;
      font-size: 20px;
      font-weight: bold; }

/*# sourceMappingURL=styles.css.map */