@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    font-size: 10px;
}
:root {
    --white: #ffffff;
    --black: #000000
    --teal: #09a7a1;
    --orange: #ff8000;
    --raspbarry: #ff007a;
    --neon-pink: #ff14bd;
    --cream-brown: #31202b;
    --cyan: #00ffff;
    --midnight-voilet: #1f242d;
    --groung-green: #07252d;
}
.hLine{
    height: 1px;
    width: 100%;
    background-color: #7e7e7e;
}
.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}
.black{
    color: var(--black);
    fill: var(--black);
}
.white{
    color: var(--white);
    fill: var(--white);
}
.light-white{
    color: #6F6F6F;
    fill: #7e7e7e;
}
span{
    font-size: 2rem;
}
a{
    text-decoration: none;
    color: var(--white);
}
li{
    list-style: none;
}
.allHover:hover{
    background-color: #383838;
}
.stickyPosition{
    position: sticky;
}
.displayNone{
    display: none;
}
.displayBlock{
    display: block;
}