:root {
    --main-color: plum;
    --sec-color: gainsboro;
  }
  html {
    scroll-behavior: smooth;
  }
  body {
    background-color: var(--sec-color);
    /* height: 100vh; */
  }
  #hero {
    height: 100vh;
    margin-top: 0;
  }
  #hero .an-4, .an-5{
    color: var(--main-color);
  }
  nav {
    margin-bottom: 0;
  }
  a:link, a:visited {
    color: inherit;
  }
  #logo {
    max-height: 20px;
    height: 15px;
    color: var(--main-color);
  }
  .technology {
    color: white;
  }
  .card-height {
  }
  .white {
    background-color: white;
  }
  .icon-cards i {
    font-size: 4em;
    color: var(--main-color);
  }
  .waves {
    background-color: white;
  }
  footer {
    display: flex;
    justify-content: space-around;
    background-color: var(--main-color);
    color: white;
    text-align: center;
    min-height: 100px;
    font-size: 1.5em;
  }
  footer a a:link a:visited{
    color: white;
    font-size: 1.5em;
    text-decoration: none;
  
  }
  .about {
    margin-left: 50px;
    margin-right: 50px;
  }
  .left {
    float: left;
  }
  
  #project  h2 {
    text-shadow: 1px 1px white ;
  }