@font-face {
	font-family: 'Gilroy';
	src: url("../fonts/gilroy-regular.ae5e7255973f.ttf");
	src: local('Gilroy'),
		url("../fonts/gilroy-regular.ae5e7255973f.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gilroy Bold';
	src: url("../fonts/gilroy-bold.3cf0ee273a0b.ttf");
	src: local('Gilroy Bold'),
		url("../fonts/gilroy-bold.3cf0ee273a0b.ttf") format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-SemiBold';
	src: url("../fonts/Montserrat-SemiBold.7ffeec2b4edb.ttf");
	src: local('Montserrat SemiBold'), local('Montserrat SemiBold'),
		url("../fonts/Montserrat-SemiBold.7ffeec2b4edb.ttf") format('truetype');
	font-weight: 500;
	font-style: normal;
}

body {
    --bg-light: #220e33;
    --bg-dark: #10031b;
    --text-color: #e3e3e3;
    --accent-color: #9e5be3;
    --accent-color-hover: #ac74e3;
    --accent-gradient: linear-gradient(to right bottom, #9d5ae0, #6328c3);
    --accent-gradient-hover: linear-gradient(to right bottom, #ac74e3, #7e4dcc);

    background-color: var(--bg-dark);
    background-image: url("../img/background.1aec1f7899d9.png");
    background-repeat: no-repeat;
    background-position: center 95px;
    background-size: cover;
    color: #ffffff;
    font-family: "Gilroy", sans-serif;
}

a:link, a:visited {
    color: var(--accent-color);
}
.bg-light {
    background-color: var(--bg-light) !important;
}
.bg-dark {
    background-color: var(--bg-dark) !important;
    color: var(--text-color);
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Gilroy Bold", sans-serif;
}
.card {
    background-color: var(--bg-light) !important;
    color: var(--text-color);
    border-radius: 32px;
    padding: 1rem !important;
    background-image: url("../img/card_background.79e2a967106c.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 40%;
}
.card-title {
    margin-bottom: 20px;
}
input {
    padding: 15px !important;
    background: var(--bg-dark) !important;
    /*background-color: #9d5ae0 !important;*/
    border-color: var(--bg-dark)!important;
    border-radius: 12px !important;
    color: white !important;
}
.btn {
    border-radius: 32px;
    padding: 12px 25px 10px 25px;
    font-family: 'Montserrat-SemiBold', sans-serif;
}
.btn-primary {
    background: linear-gradient(91.18deg, rgba(179, 102, 255, 0.9) 1.08%, rgba(111, 44, 221, 0.9) 100%), #190924;
    border-width: 0;
    color: var(--text-color);
}
.btn-primary:link, .btn-primary:visited {
    color: var(--text-color);
}
.btn-primary:hover {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.18)), linear-gradient(91.19deg, rgba(179, 102, 255, 0.9) 0.44%, rgba(111, 44, 221, 0.9) 100%), #190924;

}

.navbar .btn-link {
    color: white;
    text-decoration: none;
}
.navbar-brand img {
    width: 168px;
}

.btn-big-group {
    margin: 40px -32px -32px -32px;
}
.btn-big-group .btn:first-child {
    margin-bottom: 2px;
    border-radius: 32px 32px 0 0 !important;
}

.btn-big-group .btn:last-child {
    margin-top: 2px;
    border-radius: 0 0 32px 32px !important;
}