:root {
    --background: rgb(24, 24, 24);
    --second-background: rgb(21, 21, 21);

    --first-color: #E4E0E1;
    --second-color: #D6C0B3;
    --third-color: #AB886D;
    --fourth-color: #493628;
    --fourth-color-with-transparence: #493628d9;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'VT323', monospace;
}
p{
    opacity: 0.7;
    font-size: 20px;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: #000;
}
h2{
    font-size: 2em;
    font-weight: 400;
}
h3{
    font-size: 2em;
    font-weight: 400;
}
h4{
    font-weight: 500;
    font-size: 24px;
    color: #c7c6c6;
}
/* Works on Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #d8420cb8 #070d12;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 12px;
}

*::-webkit-scrollbar-track {
    background: #262626;
}

*::-webkit-scrollbar-thumb {
    background-color: #d8420cb8;
    border-radius: 20px;
    border: 3px solid #180f0cb8;
}

@keyframes changeColor {
    from {background-color: #262626;}
    to {background-color: #ac360bb8;}
}

.magento{
    color: #f04a11;
}

.adobe{
    color: #ff0000;
}

.woocommerce{
    color: #7f54b3;
}