* {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1em;
    font-weight: normal;
    font-family: nunito, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
    background-color: transparent;
    color: var(--font-color);
    box-sizing: border-box;
    list-style: none;
    outline: none;
}

/* @font-face {
	font-family: "good_dog";
	src: url("/resources/fonts/good_dog/GOODDC__.TTF") format("truetype");
	font-weight: normal;
	font-style: normal;
} */
/* @font-face {
	font-family: "amaranth";
	src: url("/resources/fonts/amaranth/Amaranth-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
} */
@font-face {
	font-family: "nunito";
	src: url("/resources/fonts/nunito/Nunito-VariableFont_wght.ttf") format("truetype");
}
@font-face {
	font-family: "englebert";
	src: url("/resources/fonts/englebert/Englebert-Regular.ttf") format("truetype");
}
@font-face {
	font-family: "caveat_brush";
	src: url("/resources/fonts/caveat_brush/CaveatBrush-Regular.ttf") format("truetype"); 
}
.gd-font, .gd-font *{
    font-family: caveat_brush, cursive, serif;
}
.am-font, .am-font *{
    font-family: englebert, cursive, serif;
}
.nm-font, .nm-font *{
    font-family: nunito, cursive, serif;
}

body{
    overflow-y: scroll; /*zawsze wyświetlaj scrollbara (potrzebne dla strony home)*/
    /*footer na dno v*/
    display:flex;
    flex-direction:column;
    min-height: 100vh;
    /*footer na dno ^*/
    background-color: var(--bg-color);
    background-image: url(/resources/img/ff_bg_21.jpg);
    background-size: 270px 250px;
    /*background-attachment: fixed;*/
}

.noselect, img{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
    -webkit-tap-highlight-color: transparent;
}

/*w tej klasie powinno być wszytsko poza headerem i footerem*/
.page-container{
    flex: 1;
    max-width: 1920px;
    margin: auto;
    /*position: relative;*/
    width: 100%;
}

img{
    height: auto;
    width: auto;
}
.text-icon{
    vertical-align: middle;
    position: relative;
    height: 1em;
}

button{
    display: block;
    cursor: pointer;
}

*[role=button]{
    cursor: pointer;
}

input[type=checkbox], label:has(input[type=checkbox]){
    accent-color: var(--header-highlight-color);
    cursor: pointer;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
select{
    cursor: pointer;
}

.center, .center *{
    text-align: center;
}
.left, .left *{
    text-align: left;
}

.pointer, .pointer *{
    cursor: pointer;
}

.faded, .faded *{
    opacity: 0.5;
}

.underline, .underline *{
    text-decoration: underline;
}
.bold-800{
    font-weight: 800;
}


/* niebieski baner */
.tile, .banner-w-h2{
    background-color: var(--logo-color-main-deep-shadow);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}
.banner-w-h2 *{
    color: white;
}
.banner-w-h2 h2{
    font-weight: 900;
    font-size: 1.5em;
    margin-bottom: 10px;
}
@media (min-width: 540px) {
    .tile, .banner-w-h2{
        padding: 20px;
        text-align: left;
    }
    .banner-w-h2 p{
        font-size: 1.1em;
    }
}
@media (min-width: 840px){
    .tile, .banner-w-h2{
        padding: 30px;
    }
}