/* @import url('https://fonts.googleapis.com/css2?family=BioRhyme+Expanded:wght@200;300;400;700;800&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=BioRhyme+Expanded:wght@200;300;400;700;800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=BioRhyme+Expanded:wght@200;300;400;700;800&family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "ttbluescreens bold";
    src: url("/static/font/ttbluescreensbold.ttf") format("truetype");
}

@font-face {
    font-family: "madelyn";
    src: url("/static/font/Julietta-Messie.otf") format("opentype");
}

@font-face {
    font-family: "biro";
    src: url("/static/font/Biro_Script.otf") format("opentype");
}

@font-face {
    font-family: "soljik";
    src: url("/static/font/Soljik-Dambaek.ttf") format("truetype");
}

/* CANVA FONTS */
@font-face {
    font-family: "Amsterdam Three";
    src: url("/static/font/Amsterdam_Three.woff2") format("woff2");
}

@font-face {
    font-family: "Hagrid Regular";
    src: url("/static/font/Hagrid-Text-Regular.woff2") format("woff2");
}


:root {
    --bulma-body-family: "Roboto", sans-serif;
}

/* <weight>: Use a value from 100 to 900 */
/* <uniquifier>: Use a unique and descriptive class name */

.roboto-normal {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.oswald-normal {
    font-family: "Oswald";
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: 
        "wdth" 100;
}  

body {
    min-height: 100vh;
    text-wrap: balance;
}

/* .orange-background {
    background: linear-gradient(90deg, rgb(236, 227, 118) 0%, rgb(239, 119, 231) 100%);
} */

.box {
    --bulma-box-background-color: transparent;
    --bulma-box-radius: 0;
    --bulma-box-shadow: none;

    height: 100%;
    font-size: 1.2rem;
    color: rgb(201, 197, 201);
}

.text-white {
    color: #fff;
}

.columns {
    gap: 3.5rem;
    justify-content: center;
    flex-flow: wrap;
}

.madelyn {
    --bulma-title-size: clamp(2rem, -0.875rem + 8.333vw, 5rem);
    --bulma-block-spacing: 4rem;

    font-family: 'madelyn';
}

.soljik {
    --bulma-title-size: clamp(2rem, -0.875rem + 8.333vw, 5rem);
    --bulma-block-spacing: 4rem;

    font-family: 'soljik';
}

.hero-body dt {
    font-weight: bold;
}

.hero.is-fullheight-with-navbar .hero-body {
    /* display: flex; */
    /* place-items: center; */
    /* place-content: center; */
    gap: 10%;
    flex-direction: column;
    justify-content: space-evenly;
}

.ttbluescreens-bold {
    font-family: "ttbluescreens bold";
}

.navbar {
    font-weight: bold;
    --bulma-navbar-item-color: #fff;
    /* --bulma-navbar-item-color: #c1c1c1; */
    --bulma-navbar-burger-color: var(--bulma-navbar-item-color);
    --is-selected-color: #c1c1c1;
    /* --is-selected-color: rgb(35, 35, 35); */
}

a.navbar-item.is-selected, a.navbar-item:hover {
    color: var(--is-selected-color);
    background-color: transparent;
}

.kontakt-grid {
    --bulma-grid-gap: 4rem;
    font-size: 1.125rem;
}

.text-shadow-dark {
    text-shadow: 0px 0px 9px #000
    /* text-shadow: 2px 2px 0px #000, -2px -1px 0px #333 */
}

.text-shadow-light {
    text-shadow: 0px 0px 9px #c1c1c1;
}