@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "Doctor Glitch";
    src: url('fonts/Doctor\ Glitch.otf') format('opentype');
}

.doctor-glitch-regular {
    font-family: "Doctor Glitch", sans-serif;
    font-weight: 400;
    font-style: normal;
}

*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    background-color: #5D3FD3 !important;
    font-family: "Raleway", sans-serif;
}

a,
a:visited {
    color: #FFB20A;
    text-decoration: none;
}

a:hover,
a:active {
    color: #9F6D00;
}

.btn-primary {
    background-color: #FFB20A !important;
}

a.btn-primary,
a.btn-primary:visited {
    color: #FFFFFF;
}

a.btn-primary:hover,
a.btn-primary:active {
    color: #9F6D00;
}

.myself-color {
    color: #FFB20A;
}

.dropdown-menu {
    background-color: slateblue;
}

.dropdown-menu li a:hover {
    background-color: #FFB20A;
}

.icon-flag {
    display: inline-block;
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-flag-es {
    background-image: url('images/flag-es.svg');
}

.icon-flag-en {
    background-image: url('images/flag-en.svg');

}

.icon-flag-cat {
    background-image: url('images/flag-cat.svg');

}