a {
    text-decoration: none;
}

html, body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100vh;
}

@media (prefers-color-scheme: light) {
        body {
    background-image: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
  }
        a {
    color: #ff2222;
  }
        .navbar {
    color: #fff;
    background-color: #587fb6a6;
  }
        .navbar a:hover {
    background-color: #b376a4;
  }
}
@media (prefers-color-scheme: dark) {
        body {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100vh;
  }        

        a {
    color: #aee4ff;
  }
        .navbar {
    background-color: #7354AF;
  }
        .navbar a:hover {
  background-color: #9667fd;
  }
}

.aboutme p {
  margin-bottom: 0px;
}

.navbar {
  position: fixed;
  border-top: 1.2px solid white;
  justify-content: space-around;
  bottom: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 6px 0;
}

.navbar a {
  color: #ffd57d;
  padding: 0 10px;
}

h1, h2, h3, p, a {
font-family: 'Outfit';
font-style: normal;
    font-display: swap;
}

p {
  text-indent: 16px;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://cdn.fonts.coollabs.io/Outfit/normal/300.woff2) format('woff2');
}