:root {
    --primary: rgb(29, 221, 189);
    --bgDark: rgb(12, 12, 12);
    --white: rgb(250, 250, 250);
    --secondary: rgb(0, 59, 50);
    --bgLight: rgb(190, 181, 181);
  }
  
  * {
    padding: 0.5rem;
    margin: auto;
    box-sizing: border-box;
    box-shadow: 1rem;
    -webkit-font-smoothing: antialiased;
    background-color: var(--bgDark);
  }
  .container {
    max-width: 95%;
    padding: 0 15px;
    margin: 0 auto;
    background-color: var(--bgDark);
    background-image: -webkit-linear-gradient();
    background-size: 25px 25px;
    border-radius: 2px;
    box-shadow: 0.5px 0.5px 1px 1px #646363ea;
    box-sizing: border-box;  
  }
  nav ul li a{
    color: var(--bgLight);
    list-style: none;
    align-items: center;
    font-size: large;
    
}

nav ul li a:hover{
  text-transform: 0.2s ease;
  cursor: pointer;
  color: var(--secondary);
  
  
}
h1 {
    color:var(--primary);
    justify-items: center;
    font-display: center;
    font-size: 3rem;
}
h3 {
    color: var(--white);
    font-size: 1.5rem;
}
p {
    color: var(--bgLight);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 1rem;
    text-decoration: dashed;
}