html {
    font-size: 62.5%;
}
body {
    margin: 0 auto;
    width: 100%;
    background: #000000;

} 
body.overflow-hidden footer,
body.overflow-hidden main{
    overflow-y: hidden;
    height: 0;
}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.prod-page.extra-cirle-effect {
    background: #000000;
}

.clear {
    clear: both;
}
li {
    list-style: none;
}
a {
    text-decoration: none;
    cursor: unset;
}
.p_relative {
    position: relative;
}

.purple{
    color: #a000fe;
}

.multiple-parts{
    display: grid;
    grid-template-columns: auto;
    gap: 30px;
}


/* for mouse devices */
@media (hover: hover) {
    a:hover {
        background: none;
    }
    a:active {
        background: none;
    }
}

a {
    -webkit-tap-highlight-color: transparent;
}