header{
    min-height: 15vh;
    border-bottom: #111 solid .15vh;
    padding-top: 1.5vh;
    flex-direction: column;
	position: static;
}

.Logo{
    max-height: 10vh;
    width: 100vw;
    font-size: 60rem;
    justify-content: center;
}

.Menu{
    height: 10vh;
    width: 100vw;
}


.item-1{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-2{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-3{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-4{
    height: 50%;
    width: 22%;
    font-size: 22.5rem;
    border-radius: 15rem;
}

.item-1:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}

.item-2:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}

.item-3:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}

.item-4:hover{
    margin-bottom: 1.2vh;
    font-size: 25rem;
    border-radius: 15rem;
}







.Content{
    width: 85vw;
}

.Title{
    font-size: 35rem;
    width: 85%;
    padding: 1vh 0 1vh 0;
    border-bottom: #111 solid .25vh;
}





article {
    flex-grow: 1;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;
}

.Parts{
    flex-direction: column;
}

.Main-Title{
    min-width: 0%;
    font-size: 100rem;
}














#volume-link{
    width: 90vw;
    min-height: 10vh;

}

.volume-links{
    height: 6.5vh;
    width: 25vw;
    border-radius: 20rem;
    border: #000 solid 7.5rem;
    font-size: 40rem;
}

.volume-links:hover{
    transform: scale(1.1);
    box-shadow: none;
}

#volume1{
    width: 75vw;
    border: #000 double 25rem;
    scroll-margin-top: 3vh;
    border-radius: 30rem;
}

#volume2{
    width: 65vw;
    border: #000 double 25rem;
    scroll-margin-top: 3vh;
    border-radius: 30rem;
}

#volume3{
    width: 65vw;
    border: #000 double 25rem;
    scroll-margin-top: 3vh;
    border-radius: 30rem;
}

#volume4{
    width: 65vw;
    border: #000 double 25rem;
    scroll-margin-top: 3vh;
    border-radius: 30rem;
}

#volume5{
    width: 65vw;
    border: #000 double 25rem;
    scroll-margin-top: 3vh;
    border-radius: 30rem;
}

#volume6{
    width: 65vw;
    border: #000 double 25rem;
    scroll-margin-top: 3vh;
    border-radius: 30rem;
}

.vl-ani:hover{
    transform: scale(1.03);
    box-shadow: none;
}




.incoming{
    font-size: 50rem;
    border: #000 solid 8rem;
    border-radius: 20rem;
    height: 8vh;
    width: 85%;
}

#chapter0{
    height: 6.5vh;
    width: 65%;
    border: #000 solid 6rem;
    border-radius: 20rem;
    margin-top: 2vh;
    font-size: 50rem;
}


.volume-title{
    width: 90%;
    height: 10vh;
    border-bottom: #000 solid 7rem;
    font-size: 90rem;
}

.volume{
    width: 90%;
}

.pakiet{
    min-height: 20vh;
    width: 47.5%;
}

.rozdzial{
    width: 100%;
    height: 5.5vh;
    border: #000 solid 6rem;
    font-size: 40rem;
    border-radius: 15rem;
}










.socialmedia-box{
    min-width: 70vw;
}

.socialmedia-yt:hover{
    background-color: red;
    transform: scale(1.05);
    box-shadow: 0rem 0rem 35rem rgba(255, 0, 0, .35);
    margin-bottom: .75vh;
}

.socialmedia-dc:hover{
    background-color: #5865F2;
    transform: scale(1.05);
    box-shadow: 0rem 0rem 35rem rgba(88, 101, 242, .35);
    margin-bottom: .75vh;
}

.socialmedia-tt:hover{
    background-color: #DD00FF;
    transform: scale(1.05);
    box-shadow: 0rem 0rem 35rem rgba(221, 0, 255, .35);
    margin-bottom: .75vh;
}