@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Aptos';
    src: url('../fonts/Aptos.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

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

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

body, p, h1, h2, h3, h4, h5, h6 {
    font-family: 'Aptos', sans-serif !important;
}

body {
    background-color: #f3f3f3;
    color: #10363b !important;
    background-image: url('../images/Circles.svg');
    background-repeat: no-repeat;
    background-position: calc(100% + 50px) calc(100% + 200px);
    background-size: 800px;
    background-attachment: fixed; /* optional */
}

.h1, .h2, .h3, .h4, .h5, .h6, .p, h1, h2, h3, h4, h5, h6, p, .btn {
    color: #10363b !important;
    font-family: 'Aptos', sans-serif !important;
}

.btn-outline-secondary {
    border: 1px solid #cdcdcd !important;
}

    .btn-outline-secondary:hover {
        border: 1px solid #cdcdcd !important;
        background-color: #f0f0f0 !important;
        color: #008b99 !important;
    }

a {
    color: #008b99 !important;
}