.wallet-adapter-button {
    align-items: center;
    background-color: initial;
    border: none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 600;
    height: 48px;
    line-height: 48px;
    padding: 0 24px;
}

.wallet-adapter-button-trigger {
    background-color: #512da8;
}

.wallet-adapter-button:not([disabled]):hover {
    background-color: #1a1f2e;
}

.wallet-adapter-dropdown {
    display: inline-block;
    position: relative;
}

.wallet-adapter-dropdown-list {
    grid-row-gap: 10px;
    background: #2c2d30;
    border-radius: 10px;
    box-shadow: 0 8px 20px #0009;
    display: grid;
    font-family: DM Sans, Roboto, Helvetica Neue, Helvetica, Arial, sans-serif;
    grid-template-rows: 1fr;
    list-style: none;
    margin: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 100%;
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
    visibility: hidden;
    z-index: 99;
}

.wallet-adapter-dropdown-list-item {
    align-items: center;
    border: none;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-weight: 600;
    height: 37px;
    justify-content: center;
    outline: none;
    padding: 0 20px;
    white-space: nowrap;
    width: 100%;
}

.wallet-adapter-dropdown-list-item:not([disabled]):hover {
    background-color: #1a1f2e;
}

:root {
    --green: #68c072;
    --dark-green: #5eaf68;
    --light-gray: #8b8b8b;
    --gray: #4b4b4b;
    --dark-gray: #212423;
    --dark-gray-hover: #2f302f;
    --black: #000;
    --red: #ff7878;
    --gold: #c7bb4c;
    --silver: #4c9bc7;
    --bronze: #c7804c;
    --gray-transparent: #312d2d54;
    --g-green-pri: #68c072;
    --g-green-background: #67ab6e4d;
    --g-green-background-2: #67ab6e77;
    --g-green-background-3: #67ab6e20;
    --g-green-background-4: #68c072bb;
    --g-green-background-hover: #5f8e644d;
    --g-gray-pri: #8b8b8b;
    --g-gray-background: #343434a2;
    --g-gray-background-2: #52525263;
    --g-gray-background-3: #343434e8;
    --g-gray-background-hover: #2f2f2f;
    --g-border-white: #ffffff2b;
}

main {
    background: url(https://portal.golfn.com/static/media/background-min.62a7bac1dc8200445561.png);
    background-color: #000;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 120% auto;
    display: flex;
    flex-direction: column;
}

body {
    margin: 0;
}

.page-layout {
    min-height: 100vh;
}

.container-layout {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
    padding: 10px var(--size-xxl);
}

ul {
    margin: 0;
    padding: 5px 0;
}

ul li {
    list-style: none;
}

body:not(.modal-open):not(:has(.wallet-adapter-dropdown-list-active)) .blur {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

@media screen and (max-width:900px) {
    .container-layout {
        padding: 10px 20px;
    }
}

:root {
    --size-s: 5px;
    --size-m: 15px;
    --size-l: 30px;
    --size-xl: 50px;
    --size-xxl: 100px;
}

.w-100 {
    width: 100%;
}

.flex {
    display: flex;
}

.flex.center {
    justify-content: center;
}

.flex.end {
    justify-content: flex-end;
}

.flex.items-center {
    align-items: center;
}

.flex.between {
    justify-content: space-between;
}

.flex.column {
    flex-direction: column;
}

.flex.wrap {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1 1;
}

.flex-2 {
    flex: 2 1;
}

.gap-1,
.gap-small {
    gap: 5px;
}

.gap-1 {
    gap: var(--size-s);
}

.gap,
.gap-2 {
    gap: 15px;
    gap: var(--size-m);
}

.gap-3 {
    gap: 30px;
    gap: var(--size-l);
}

.gap-4 {
    gap: 50px;
    gap: var(--size-xl);
}

.p-1 {
    padding: 5px;
    padding: var(--size-s);
}

.pl-3 {
    padding-left: 30px;
    padding-left: var(--size-l);
}

.pr-3 {
    padding-right: 30px;
    padding-right: var(--size-l);
}

.mt-3 {
    margin-top: 30px;
    margin-top: var(--size-l);
}

.mt-5 {
    margin-top: 100px;
    margin-top: var(--size-xxl);
}

a,
div,
h2,
p {
    font-family: Figtree, sans-serif;
    margin: 0;
}

a,
p {
    color: #fff;
    font-size: 13px;
}

a,
h2,
p {
    font-weight: 400;
}

h2 {
    font-size: 19px;
    letter-spacing: 1.2px;
}

a {
    cursor: pointer;
    text-decoration: none;
}

h2 {
    color: var(--green);
    font-size: 40px;
}

h2 {
    font-weight: 500;
}

h2.secondary {
    font-size: 62px;
    font-weight: 400;
}

.smaller {
    color: var(--light-gray);
}

.smaller {
    font-size: 9px !important;
    letter-spacing: .5px;
}

@media screen and (max-width:900px) {
    h2.secondary {
        font-size: 40px;
        font-weight: 300;
    }
}

.wallet-adapter-dropdown button:first-child {
    align-items: center;
    background: none;
    border: 0;
    border-radius: 15px;
    color: #fff;
    display: flex;
    font-family: Venus Rising;
    font-size: 12px;
    font-weight: 100;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: all .1s ease-in-out;
}

.wallet-adapter-dropdown-list {
    z-index: 9 !important;
}

.wallet-adapter-button {
    text-transform: none !important;
}

.wallet-adapter-button:hover,
.wallet-adapter-dropdown-list-item:hover {
    background: none !important;
    color: var(--green) !important;
}

@media only screen and (max-width:900px) {
    .wallet-adapter-dropdown button:first-child {
        font-size: 12px;
        padding: 7px 0;
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: #ffffffb3;
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-icon-color-warning);
    --toastify-icon-color-error: var(--toastify-icon-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
}

button {
    align-items: center;
    background-color: var(--green);
    border: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 7px var(--size-l);
    position: relative;
    transition: all .1s ease-in-out;
}

button p {
    font-size: 15px !important;
}

button:disabled {
    cursor: default;
    opacity: .4;
}

button p {
    font-weight: 500;
}

button:hover:not(:disabled) {
    opacity: .8;
}

button:active:not(:disabled) {
    opacity: .6;
}

button.big {
    padding: 10px calc(var(--size-l)*1.5);
}

button .loading-container {
    align-items: center;
    display: flex;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}

button.big {
    align-items: center;
    display: flex;
}

button.big {
    background-color: #fff;
    border-radius: 5px;
    gap: 10px;
    justify-content: start;
    padding: 30px 10px 10px;
    position: relative;
    transition: all .3s ease-in-out;
}

button.big:not(:disabled):hover {
    background-color: #c5c5c5;
}

button.big:not(:disabled):hover .arrow-up-icon {
    transform: translate(2px, -2px);
}

button.big .arrow-up-icon {
    color: var(--black);
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all .1s ease-in-out;
}

button.big .arrow-up-icon * {
    fill: var(--black);
    stroke: var(--black);
    color: var(--black);
}

button.big p {
    color: var(--black);
    font-family: Venus Rising;
    font-size: 14px;
    padding: 0 20px 0 0;
}

:root {
    --legendary-anim-opa: 0.5;
    --legendary-anim-spead: 160px;
    --bg-size: 100%;
    --color-one: #c185a2;
    --color-two: #98ece8;
    --color-three: #f5e58f;
    --color-four: #ffae6b;
}

.arrow-up-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    transition: all .1s ease-in-out;
}

:root {
    --table-border: 1px solid #3b3b3b;
}

.dashboard img.home-cards {
    max-width: 700px;
}

.dashboard button.big {
    min-width: 400px;
    padding-top: 50px;
}

@media screen and (max-width:900px) {
    .dashboard button.big {
        min-width: 0;
        min-width: auto;
        padding-top: 30px !important;
    }

    .dashboard img.home-cards {
        max-width: 80vw;
    }
}

footer {
    border-top: 1px solid var(--gray);
    height: 30px;
}

footer p {
    color: var(--light-gray);
}

@media only screen and (max-width:670px) {
    footer {
        border-top: 2px solid var(--gray);
        height: 100px;
    }
}

header {
    border-bottom: 1px solid var(--gray);
    height: 60px;
    padding: 10px var(--size-xxl);
}

header.smaller .header-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
}

header a p {
    font-family: Venus Rising;
    transition: all .3s ease-in-out;
}

header a:hover p {
    color: var(--green);
}

@media screen and (max-width:1900px) {
    header {
        padding-left: 30px;
        padding-right: 30px;
    }
}

@media screen and (max-width:900px) {
    header {
        height: auto;
    }

    header a p {
        font-size: 10px;
    }

    header .header-content>div.flex.end {
        order: 2;
    }

    header .header-content>div:not(.flex.end) {
        order: 1;
    }
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6z9mXgjU0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K6z9mXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6z9mXgjU0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K6z9mXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu6-K6z9mXgjU0.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Yp2ywxg089UriI5-g4vlH9VoD8Cmcqbu0-K6z9mXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/figtree/v7/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QG5XyEA25WTzZO_OSg.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Figtree';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/figtree/v7/_Xmz-HUzqDCFdgfMsYiV_F7wfS-Bs_d_QG5ZyEA25WTzZO8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'Venus Rising';
    font-style: normal;
    font-weight: 400;
    src: local('Venus Rising'), url('https://fonts.cdnfonts.com/s/6237/venus%20rising.woff') format('woff');
}

.header-mobile {
    display: none;
}
.header-Desktop {
    display: flex;
}
@media (max-width: 900px) {
    .header-mobile {
        display: flex;
    }
    .header-mobile .header-content-links {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .header-mobile .nav-content{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .header-mobile .nav-content .gap-small button{
       width: max-content;
    }
    .header-Desktop {
        display: none;
    }
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');