html{
    width: auto;
    height: auto;
    margin:0%;
    padding:0%;
    box-sizing:border-box;
}
*{
    margin:0%;
    padding:0%;
    box-sizing:border-box;
}
body{
    background-color: black
}
.Menu{
    text-align: center;
    float: right;
    width: 8%;
    background-image: linear-gradient(#070707, black);
    position: absolute;
    z-index: 2;
    border-radius: 45px 0px 0px 45px;
    animation:animateright 0.4s
}
@keyframes animateright{
    from{right:-300px;opacity:0} 
    to{right:0;opacity:1}
}


.zawartosc{
    width: 99vw;
    float: left;
    background-color: black;
    text-align: center;
}
.zawartosc button{
    z-index: 1;
    float: left;
    border: none;
    background-color: black;
    color: white;
    font-size: 300%;
    width: 1%;
    margin: 0% 1% 0% 0%;
}
.zawartosc h1{
    padding-top: 0.5%;
    text-align: center;
    float: left;
    width: 98%;
    color: white;
    text-shadow: 2px 2px 3px rgb(134, 131, 131), 0 0 25px grey, 0 0 10px black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: darkgrey;
    -webkit-text-stroke-width: 1px;
}
.Button{
    text-align: center;
    padding: 2px 0xp 0px 0px;
    background-color: #0e0d0d;
    color: white;
    border: none;
    font-size: 30px;
    cursor: pointer;
}
.Menu a{
    text-align: center;
    padding:8px 16px;
    float:left;
    width:100%;
    border: none;
    display:block;
    outline:0;
    text-decoration: none;
    color: white;
    font-size: large;
    font-weight: bold;
}
.Menu a:hover{
    background-color: whitesmoke;
    color: black;
}

.Photo-with-text img{
    display: block;
    padding: 0%;
    margin: 2% 0% 0% 12%;
    height: 100%;
    width: 30%;
    border-radius: 25%;
    mask-image: 
    linear-gradient(to right, black 60%, transparent 100%);
    mask-repeat: no-repeat;
    mask-composite: intersect;
    filter: blur(0.4px);
}
.Photo-with-text .Text-on-Photo{
    position: absolute;    
    top: 80%;                 
    left: 30%;                
    color: white;           
    font-size: 10%;          
    text-shadow: 2px 2px 4px rgba(0,0,0,0.7); 
    color: white;
    font-size: 125%;
    text-wrap: inherit;
    line-height: 1;
    font-family: Roboto, sans-serif;
    letter-spacing: 0px;
    word-spacing: 5px;
    font-weight: 100;
    width: 30%;

}
.Photo-with-text{
    position: relative;
    margin: 0% 0% 0% 0%;
    height: 42vh;
    width: 100vw;
    border-radius: 25%;
}