html, body {
    scroll-behavior: smooth;
}





/* Styl dla kontenera przycisków */
.button-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px; /* Możesz dostosować margines, aby oddzielić przyciski od innych elementów */
}

/* Styl dla każdego przycisku */
.button {
    background-color: #d3d9e0;
    color: white;
    font-size: 16px;
    padding: 15px 30px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

/* Styl przycisku przy najechaniu kursorem */
.button:hover {
    background-color: #d1d7de;
    transform: scale(1.1);
}

/* Styl przycisku, gdy jest aktywny */
.button:active {
    background-color: #d5dbe3;
    transform: scale(1.05);
}








* {	
	margin: 0px 0px;
	padding: 0px 0px;
}

html, body { height: 100%; text-align:left;}
#container
{ 
 	min-height: 100%;
 	height: auto !important;
 	height: 100%;
 	margin-bottom:-60px; /* - height of footer */
}

#footer, #push {clear:both; height:60px;}




.formField{font: inherit; border: 1px solid #ccc; border-radius: 3px; margin: 3px 0 10px 0; padding: 3px 0}
textarea.formField{width: 300px; height: 70px}
#sendBtn{cursor:pointer;background: #000; background: linear-gradient(#ddd 0, #eee 100%); border: 1px solid #ccc; line-height: 32px; font-size: 14px;padding: 0 25px; border-radius: 3px}
#send_form_status{border: 1px dashed #ccc;display: none; padding: 0 10px; margin: 10px 0}
.status_ok{color: #060}
.status_err{color: #F00};