@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 300;
    src: local('Rajdhani'), local('Rajdhani-Light'), url(/fonts/Rajdhani-Light.ttf) format('.ttf');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 400;
    src: local('Rajdhani'), local('Rajdhani-Regular'), url(/fonts/Rajdhani-Regular.ttf) format('.ttf');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    src: local('Rajdhani'), local('Rajdhani-Medium'), url(/fonts/Rajdhani-Medium.ttf) format('.ttf');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    src: local('Rajdhani'), local('Rajdhani-SemiBold'), url(/fonts/Rajdhani-SemiBold.ttf) format('.ttf');
}

@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 700;
    src: local('Rajdhani'), local('Rajdhani-Bold'), url(/fonts/Rajdhani-Bold.ttf) format('.ttf');
}

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

body {
    background-color: #fdfdfd;
    font-family: 'Rajdhani', sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

button {
    background: none;
    border: none;
}
button:focus {
    outline: none;
}

textarea:focus {
    outline: 0;
}

input:focus {
    outline: 0;
}

select:focus {
    outline: 0;
}

a {
    text-decoration: none;
}

h1 {
    margin: 8px;
}

h2,
h3 {
    margin: 8px;
}

h4,
h5 {
    margin: 8px;
}

p,
b {
    margin: 8px;
}

.bg-highlight {
    background: linear-gradient(
        0deg,
        rgba(148, 187, 233, 0) 0%,
        rgba(18, 26, 64, 1) 45%,
        rgba(18, 26, 64, 1) 50%,
        rgba(18, 26, 64, 1) 55%,
        rgba(148, 187, 233, 0) 100%
    );
}