@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;1,300&family=Roboto:wght@300;400;700&display=swap");

:root {
    --primary-color: #afad35;
    --secondary-color: #2697bc;
    --tertiary-color: #e9641c;
    --font-family: "Merriweather", "BlinkMacSystemFont", -apple-system, "Roboto",
        "Lucida Sans";
}

html,
body {
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.thb-borders {
    -webkit-text-size-adjust: 100%;
    font-size: 100%;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 1.4;
    color: #505050;
    font-family: "Merriweather", "BlinkMacSystemFont", -apple-system, "Roboto",
        "Lucida Sans";
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    transition: all 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    bottom: 0;
    pointer-events: none;
    z-index: 99999;
    border: 0px solid #1f1f1f;
    border-color: var(--primary-color);
    border-width: 10px;
    border-image-repeat: stretch;
}

.main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 100vh;
    min-width: 100vw;
    scroll-behavior: smooth;
}