@font-face {
    font-family: "Regular";
    src: url("./fonts/Poppins-Regular.ttf");
}

@font-face {
    font-family: "Medium";
    src: url("./fonts/Poppins-Medium.ttf");
}

@font-face {
    font-family: "SemiBold";
    src: url("./fonts/Poppins-SemiBold.ttf");
}

:root {
    --text-color: #ffffff;
    --left-space: 4%;
}

body {
    background-image: url("./img/bg/color-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

body {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
}

button {
    display: inline-block;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    
    cursor: pointer;
    pointer-events:visible;
    touch-action: auto;
}