@font-face {
    font-family: mies;
    src: url(/fonts/mieszkanie.otf) format("truetype");
}

@font-face {
    font-family: pixelgothic;
    src: url(/fonts/GothicPixels\ copie.ttf) format("truetype");
}

@font-face {
    font-family: alagard;
    src: url(/fonts/alagard\ copie.ttf) format("truetype");
}

* {
  cursor: url('https://cdn.cursors-4u.net/css-previews/shark-attack-hand-0bd3e672-css.webp') 0 0, auto !important;
}



body {
    background-image: url('https://files.catbox.moe/g4ugf1.jpg');
    background-repeat: repeat-y;
    background-size: cover;
}

.header {
    margin-left: auto;
    margin-right: auto;
    height: 10%;
    width: 30%;
    text-align: center;
    padding: 0;

    
}

h1 {
    font-family: mies;
    color: transparent;
    background-image: linear-gradient(rgb(254, 253, 232), rgb(169, 255, 244));
    background-clip: text;
    font-size: 500%;
    filter: drop-shadow(1px 1px 0 rgb(75, 42, 18)) 
        drop-shadow(-1px 1px 0 rgb(75, 42, 18))
        drop-shadow(1px -1px 0 rgb(75, 42, 18))
        drop-shadow(-1px -1px 0 rgb(75, 42, 18));
}

h1:hover, .goback:hover {
    mix-blend-mode: difference;
    font-style: italic;
}

.container {
    width: 75%;
    height: 75%;

    margin-left: auto;
    margin-right: auto;
    position: relative;
}



.mySlides {
    display: none;

}

.cursor {
    cursor: pointer
}

.prev, .next {
    cursor: pointer;
    position: absolute;
    top: 60%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: rgb(254, 253, 232);
    font-weight: bold;
    font-size: 50px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
    mix-blend-mode: difference;

}

.caption-container {
    text-align: center;
    background-color: var(--darkblueb);
    padding: 2px, 16px;
    color: blanchedalmond;
}

.mid {
    padding: 5%;
    margin-left: auto; 
    margin-right: auto;
}

.goback {
    font-family: pixelgothic;
    font-size: 150%;
    position: absolute;
    filter: drop-shadow(1px 1px 0 rgb(75, 42, 18)) 
        drop-shadow(-1px 1px 0 rgb(75, 42, 18))
        drop-shadow(1px -1px 0 rgb(75, 42, 18))
        drop-shadow(-1px -1px 0 rgb(75, 42, 18));
}