additional-resources.css

:root {
  --color-bg: #69F7BE;
  --color-text-main: #000000;
  --color-primary: #FFFF00;
  --wrapper-height: 87vh;
  --image-max-width: 300px;
  --image-margin: 3rem;
  --font-family: "HK Grotesk";
  --font-family-header: "HK Grotesk";
}

.article-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
}

        
.article-container {
    width: 200px; 
    height: 100px; 
    background-color: #f0f0f0; 
    border: none; 
    text-align: center; 
    padding: 5px;
    border-radius: 15px;
    transition: background-color 0.3s;
}

       
.article-link {
    text-decoration: none; 
    color: #333333; 
    font-weight: bold; 
}

.footer {
  display: flex;
  justify-content: space-between;
  margin: 1rem auto 0;
  padding: 1rem 0 0.75rem 0;
  width: 100%;
  flex-wrap: wrap;
  border-top: 4px solid #fff;
  position: fixed;
  bottom: 0;
}

.wrapper {
  min-height: 100%;
  padding-top: 25px;
  display: grid;
  place-items: center;
  margin: 0 1rem;
}