body {
    font-family: "Audiowide", sans-serif;
    font-weight: 400;
    font-style: normal;
    padding:0;
    margin:0;
    background-color:#19181F;
    overflow-x: hidden;
    color: #f4f4f4;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),  
    url('/static/info/media/City.webp');                     
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

/* .landing-bg {
    background: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),  
    url('/static/info/media/City.webp');                     
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
} */

.landing-shop {
    background: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
    url('/static/info/media/1.webp');                      
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 90vh;
}

/* .landing-veri {
    background: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),  
    url('/static/info/media/Floating city.webp');                      
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.landing-gool {
    background: 
    linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),  
    url('/static/info/media/uderwater.webp');                     
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
} */

.banner {
    width: 100%;
    max-height: 55rem;
}

.line {
    display: inline-block;
    width: 25%;
    position: relative;
    /* top: 0.00001em; */
    border-top: 0.5px solid #AC9567;
}

.line-verigon {
    display: inline-block;
    width: 25%;
    position: relative;
    /* top: 0.00001em; */
    border-top: 0.5px solid #A5A2AE;
}

.line-gool {
    display: inline-block;
    width: 25%;
    position: relative;
    /* top: 0.00001em; */
    border-top: 0.5px solid #3B8734;
}

.gool-font {
    font-family: "Lacquer", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #3B8734;
}

.gool-font-modal {
    font-family: "Lacquer", system-ui;
    font-weight: 400;
    font-style: normal;
    color: #f4f4f4;
}

.verigon-font {
    font-family: "Revalia", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #A5A2AE;
}

.verigon-font-modal {
    font-family: "Revalia", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: black;
}

html {
    scrollbar-width: none;
}

.navi-bar {
    background-color: #1A1D20;
}

.nav-mobile-button {
    background-color: #AC9567;
}

.nav-txt {
    color: white;
}

.nav-txt:hover {
    color: #AC9567;
}

/* FOOTER */
.footer {
    background-color: #1A1D20;
    width: 100%;
    margin-top: auto;
}

.footer-txt {
    font-size: small;
}

.horizontal {
    border-top: 1.5px solid #AC9567;
    width: 100%;
}

.txt-heading {
    color: #AC9567;
}

.button-backround {
    background-color: #AC9567;
    border: none;
    text-align: center;
    text-decoration: none;
    color: #f4f4f4;
    display: block;
    margin: auto;
}

.button-backround:hover {
    background-color: #4A4F56;
}

.verigon-box {
    background-color: #A5A2AE;
    color: black;
    width: 370px;
    height: auto;
    clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
}

.verigon-modal {
    background-color: #A5A2AE;
    color: black;
}

.verigon-button {
    background-color: #df152d;
    color: #f4f4f4;
}

.verigon-button:hover {
    background-color: #783B42;
    color: #f4f4f4;    
}

.gool-box {
    background-color: #3B8734;
    color: #f4f4f4;
    width: 370px;
    height: auto;
    clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0);
}

.gool-modal {
    background-color: #3B8734;
    color: #f4f4f4;
}

.gool-button {
    background-color: #873568;
    color: #f4f4f4;
}

.gool-button:hover {
    background-color: #543247;
    color: #f4f4f4;    
}

/* MEDIA QUERIES */
@media only screen and (max-width: 760px) {

    .line {
        display: none;
    }

    .line-gool {
        display: none;
    }

    .line-verigon {
        display: none;
    }
}