header {
    position: relative;
    background-color: black;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
.subtitle {
    font-size: 3vh !important;
}
header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
}

header .container {
    position: relative;
    z-index: 2;
}

header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}
.logo {
    min-height: 13.5vh;
    background-image: url("https://cdn.discordapp.com/attachments/653692086096494634/784441531662598154/Fulllogo.png");
    background-size: 50vh;
    background-position: center;
    background-repeat: no-repeat;
}
.background1 {
    background-image: url('../photo/nibbbba.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.background2 {
    background-image: url('../photo/kurwa.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.background3 {
    background-image: url('../photo/nibbbba.png');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer {
    width: 100%;
    background-color: #101010;
    color: white;
    text-align: center;
}
.buttoncard {
    margin: 30px auto;
    width: 300px;
    height: 300px;
    border-radius: 40px;
    box-shadow: 5px 5px 30px 7px rgba(0,0,0,0.25), -5px -5px 30px 7px rgba(0,0,0,0.22);
    cursor: pointer;
    transition: 0.4s;
}

.buttoncard .buttoncard-image {
    width: inherit;
    height: inherit;
    border-radius: 40px;
}

.buttoncard .buttoncard-image img {
    width: inherit;
    height: inherit;
    border-radius: 40px;
    object-fit: cover;
}

.buttoncard .buttoncard-title {
    text-align: center;
    border-radius: 0px 0px 40px 40px;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 30px;
    margin-top: -80px;
    height: 40px;
}

.buttoncard:hover {
    transform: scale(0.9, 0.9);
    box-shadow: 5px 5px 30px 15px rgba(0,0,0,0.25),
    -5px -5px 30px 15px rgba(0,0,0,0.22);
}
.divider {
    min-height: 2.5vh;
    max-height: 2.5vh;
    background-image: url("https://i.imgur.com/S6g1YPz.png");
    background-position: center;
}
.pergamin-container {
    width: 410px;
    height: 512px;
}
.pergamin-header {
    text-align: center;
    position: relative;
    bottom: 450px;
}
.pergamin-description {
    text-align: center;
    text-justify: inter-word;
    /* font-family: 'Roboto', sans-serif; */
    font-size: x-large;
    position: relative;
    bottom: 420px;
}
.pergamin-image {
    max-width: 128px;
    max-height: 100px;
    position: relative;
    bottom: 420px;
    left: 128px;
    transition: 0.7s;
}
.pergamin-image:hover {
    max-width: 256px;
    max-height: 200px;
    bottom: 500px;
    left: 64px;
}
.imgbtn {
    max-width: 25px;
    filter: grayscale(100%);
    transition: 0.7s;
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}
.imgbtn:hover {
    filter: grayscale(0%);
    cursor: pointer;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

h3 {
    /* text-align: center; */
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    font-size: large;
    color: white;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    margin-top: 20px;
    margin-left: 140px;
    margin-right: 140px;
    margin-bottom: 1%;
  }