@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Poppins:wght@500&display=swap');

@font-face {
    src: url(../fonts/Century-Gothic.ttf);
    font-family: Century;
}

:root {
    --bs-primary: red;
    --pc: #4A148C;
    --gc: #F2F2F2;
    --wc: #ffffff;
    --hc: #444444;
    --tc: #333333;
    --border: 1px solid var(--gc);
}



* {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-size: 14px;
    font-family: Century;
    font-weight: 400;
    min-width: 320px;
}

a {
    color: var(--pc);
    text-decoration: none;
    transition: 100ms;
}

.form-control:focus {
    box-shadow: none;
}

li {
    list-style: none;
}

ul {
    padding: 0;
    margin: 0;
}

.btn-primary, .btn-primary:focus {
    background-color: #6A0DAD;
    border: none;
}

.btn-orange {
    background-color: #EC600B;
    color: white;
    border: none;
}

.btn-orange:hover {
    color: #ffffff;
    background-color: #893500;
}

.text-orange {
    color: #EC600B;
}

.btn-primary:hover {
    background-color: #54058c;
    color: #dddddd;
}

.card {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    border-radius: .3rem !important;
}

.notify {
    z-index: 9999;
}