:root {
    --background-color: rgb(17, 17, 16);
    --text-color-light: rgb(135, 135, 135);
    --text-color-light-hover: rgb(95, 95, 95);

    --product-brand-primary-color: #FFF;
    --product-brand-primary-color: #FFF;
    --product-brand-secondary-color: #000;
    --product-brand-accent-color: #FF5FBF; 
}

* {
    /* border: 1px dotted red; */
    font-family: Poppins, sans-serif;
    box-sizing: border-box;

}

header {
    display: flex;
    flex-direction: column;
    margin-bottom: 32px;
}

body {
    margin: 0;
    background: var(--background-color);
    color: var(--text-color-light);
    padding: 24px;
    
}

a {
    display: inline-block;
    text-decoration: none;
    color: var(--text-color-light);
    
}

a:hover {
    color: var(--text-color-light-hover);
}

/* ===================== Media Quieries ===================== */

@media (min-width: 900px) and (max-width: 1024px) {
 
}

@media (min-width: 1025px) and (max-width: 1240px) {
  
}

@media (min-width: 1241px) and (max-width: 1440px) {
  
}

@media (min-width: 1441px) and (max-width: 1920px) {
    
}

@media (width > 1921px) {
  
}