body{
	background-image: url("images/6.jpg");
	background-size: 100%;
	color: white; 
}

.main{
	display:flex;
	flex-direction: column;
}

.buttons{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.button{
}

.button img{
	width: 90%; 
	height: 90%; 
}

.maxim{
	width: 50%; 
	height: 50%;
}

.abouttext{
	width: 50%; 
	height: 50%;
	filter: invert(100%);
}

.about-main{
	display: flex;
	flex-direction: row;
}

.entries{
	display: flex;
	flex-direction: column;
}

.entry-right{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.entry-left{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.entry-img{
	width: 100px;
	height: 300px;
	margin: 50px;
}

p{
	font-size: 100px;
}








.back-a {
    position: fixed;
    bottom: 20px; /* Adjust as needed for spacing */
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 100px; /* Adjust the size of the image */
    height: 100px;
    background-image: url('images/gif/back/1.png');
    background-size: cover;
    background-position: center;
    cursor: pointer;

	border-radius: 12px; /* Add curved edges */
    border: 3px solid black; /* White border (adjust color as needed) */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* Optional: adds a subtle shadow */

}

.back-a:hover {
    background-image: url('images/gif/back/back.gif'); /* Replace with the hover image */
}