* {
    padding: 0;
    margin: 0;
}

@font-face {
    font-family: 'mon';
    src: url('/fonts/MONTSERRAT-REGULAR.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'mon-b';
    src: url('/fonts/MONTSERRAT-BOLD.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'os';
    src: url('/fonts/OpenSans-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

:root {
    --lp-primary-color: #221513;
    --lp-blue-color: rgba(22, 119, 169, 1);
    --shadow: 0 0.71rem 1.43rem rgba(0, 0, 0, 0.2);
    --wb-btn-color: rgba(22, 119, 169, 1);
}

body * {
    box-sizing: border-box;
    flex-shrink: 0;
}

body {
    font-family: mon;
}


.lbutton {
    cursor: pointer;
    background-color: var(--lp-primary-color);
}

.lbutton3 {
    cursor: pointer;
    background-color: white;
    color: var(--lp-primary-color) !important;
}

.lbutton3:hover {
    background-color: var(--lp-blue-color);
    color: white !important;
}

.lbutton4 {
    cursor: pointer;
    background-color: var(--lp-blue-color);
    color: color;
    font-size: 1.6rem;
    padding: 1rem 2rem !important;
    border-radius: 1rem !important;
    border: 1px solid white;
}

.lbutton:hover {
    background-color: var(--lp-blue-color);
}

.lbutton2 {
    border: 1px solid white;
    background: linear-gradient(135deg, white 50%, var(--wb-btn-color) 50%);
    background-size: 200% 200%;
    background-position: 100% 100%;
    transition: all 0.3s ease;
}

.lbutton2:hover {
    border: 1px solid var(--wb-btn-color);
    background-position: 0% 0%;
    color: black;
}

.nbutton {
    padding: 1rem 1.3rem;
    text-align: center;
    display: inline-block;
    border-radius: 2rem;
    color: white;
    cursor: pointer;
}

.link_span {
    transition: all 0.2s linear;
    display: inline-block;
    padding: 0 2px;
}

.link_span:hover {
    transform: scale(1.05);
}

h1, h2 {
    font-weight: normal;
}