@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");

/*
myPrimaryColor : #ffef96;

*/

:root {
    --myPrimaryColor: #e3f2Ffd;
    --myPrimaryColorDark: #f0cf14;
    --mySecondColor: #50394c;
    --mySecondColorDark: #3d0734;
    --myWhite: white;
    --myWhite87: #ffffff87;
    --myWhite60: #ffffff60;
    --myWhite60: #ffffff38;
    --myBlack: black;
    --myBlack87: #00000087;
    --myBlack60: #1b1b1b60;
    --myBlack38: #49494938;
}

body {
    background-color: #3d464d1f;
}

.web-dark {
    color: #3d464d !important;
}

.bg-web-dark {
    background-color: #3d464d !important;
}

.web-bold {
    font-weight: bold !important;
}

.web-yellow {
    color: #ffd333 !important;
}

.bg-web-yellow {
    background-color: #ffd333 !important;
}

.manu {
    background-color: var(--myPrimaryColor);

    color: #3d464d;
}

.manu .col {
    padding: 8px 0px;

    border: #fff 1px solid;
}

.link {
    color: var(--myBlack87);

    font-size: 20px;

    font-family: "Roboto", sans-serif;

    font-weight: bold;
}

.link:hover {
    color: #000000;

    text-decoration: none;
}