body {
    background-color: #f0f0f0;
    color: #333;
    font-family: sans-serif;
    margin: 40px;
}

header h1 {
	font-size: 64px;
   	background: linear-gradient(183deg, #6000CA 10%, #CA00CD 70%);
	/*transform: skewY(-8deg) scaleY(1.3) scaleX(0.8);*/
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	font-family: 'Impact';
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

p {
    font-size: 16px;
    line-height: 1.5;
}

.btn-primary {
    background-color: #007bff;
    color: #ffffff;
    border: none;
    padding: 10px 18px;
    font-size: 32px;
    border-radius: 4px;
    cursor: pointer;
}

.btn-primary:hover {
    background-color: #0056b3;
}

body {
    background-image: url('serwer-pozar3.gif');
    background-repeat: repeat;       
    background-position: center top; 
    background-attachment: fixed;    
    
    
    background-size: 1500px;          
    
    min-height: 100vh; 
    margin: 0;
}
/* Wspólny styl dla obu gifów */
.corner-gif {
    position: fixed; /* lub "absolute", jeśli mają przewijać się razem ze stroną */
    top: 15px;       /* odstęp od górnej krawędzi */
    width: 80px;     /* ustaw preferowaną szerokość */
    height: auto;    /* zachowanie proporcji */
    z-index: 1000;   /* zapewnia, że gify wyświetlą się nad innymi elementami */
}

/* Pozycja w lewym górnym rogu */
.gif-top-left {
    left: 15px;      /* odstęp od lewej krawędzi */
}

/* Pozycja w prawym górnym rogu */
.gif-top-right {
    right: 15px;     /* odstęp od prawej krawędzi */
}