.naama {
	text-decoration: none;
	font-size: 50px;
	vertical-align: middle;
}
.linkkiryhma {
	margin-bottom: 10px;
}
textarea {
	width: 250px;
	height: 100px;
	padding: 10px;
	margin-bottom: 10px;
	max-width: 90vh;
	max-height: 75vh;
}
nickname {
	margin: 20px;
}
button {
	display: block;
	margin-bottom: 10px;
}
form {
	display: block;
	margin: 20px;
	width: auto;
}
h2 {
	margin-left: 20px;
}
p {
	margin-left: 20px;
}

.rating-container {
	display: flex;
	align-items: center; /* Ensures vertical centering of children */
	gap: 10px; /* Adds some space between the slider and the label */
	margin-left: 20px;
}

input[type="range"] {
	flex-grow: 0; /* Stops the slider from expanding */
	width: 101px; /* Explicitly sets the width of the slider */
}


button {
        margin: 0 5px;
	flex-grow: 0;
	flex-shrink: 0;
}

.button-container {
	display: flex;
	flex-wrap: nowrap; 
	align-items: center;
	justify-content: space-between; 
}

.navigation-buttons {
	display: flex;
	justify-content: flex-end;
	margin-left: auto;
}


@media (max-width: 2048px) {
	.button-container {
		display: flex;
		flex-wrap: nowrap;
		align-items:center;
	}

	.button-container button,
	.navigation-buttons button {
		margin: 5px 3px;
	}

        .navigation-buttons {
		display:flex;
                justify-content: flex-end;
                margin-left: auto;
        }
}

input, textarea, button {
    width: auto;
    display: inline-block;
}