@font-face {
    font-family: nela;
    src: url(assets/fonts/Inter-VariableFont_slnt\,wght.ttf);
}

body {
    font-family: nela, sans-serif;
    background-color: hsl(0, 0%, 8%);
    color: white;

}


.social {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 13%;
    width: 375px;
    padding: 1%;
    border-radius: 7px;
    background: hsl(0, 0%, 12%)
    
}

img {
    width: 90px; /* Szerokość zdjęcia */
    height: 90px; /* Wysokość zdjęcia */
    border-radius: 50%;
    object-fit: cover;
}



b {
    color: hsl(75, 94%, 57%);
}

.p1, .p2, .p3, .p4, .p5 {
    background: hsl(0, 0%, 20%);
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 20px; /* Odstęp między elementami p */
    margin-bottom: 20px; /* Odstęp między elementami p */
    padding: 1px; /* Padding wewnętrzny */
    border-radius: 5px;
    font-weight: bold;



}



.p1:hover, .p2:hover, .p3:hover, .p4:hover, .p5:hover {
    background: hsl(75, 94%, 57%); /* Zmiana tła na niebieskie */
    color: hsl(0, 0%, 0%); /* Zmiana koloru tekstu na biały */

}