.ogdnia{
    padding: 16px; 
    border-radius: 6px;
        margin-bottom: 16px;
        
  transition: background-color 0.3s ease;
  transition: background-image 0.3s ease;
 }
 .ogdnia h2{
    margin: 0;
    padding: 0;
    font-weight: 370;
    font-size: 2.5rem; 
    
  transition: background-color 0.3s ease;
 }
 @media (max-width: 768px) {
    .ogdnia{
        padding-bottom: 4px;
     }
    .ogdnia h2{
    font-size: 2.1rem; 
    }
 }


/* marchewki - pomarańczowe */
.ogdnia-type0 {
    background-color: #F4A04B;
    background-image: url('/img/ogdnia0_1.webp');
    background-repeat: repeat;
    background-size: 500px 500px;
}
.ogdnia-type0 h2 {
    color: #f3fff3;
    display: inline-block;
    background: #9b5c4d;
    border-radius: 30px;
    padding: 4px 16px;
}


/* koniczynki - zielone */
.ogdnia-type1 {
    background-color: #6EAC55;
    background-image: url('/img/ogdnia1_1.webp');
    background-repeat: repeat;
    background-size: 500px 500px;
}
.ogdnia-type1 h2 {
    color: #f3fff3;
    display: inline-block;
    background: #3b7330;
    border-radius: 30px;
    padding: 4px 16px;
}


/* pastele */
.ogdnia-type2 {
    background-color: #DEE9FF;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='360'%3E%3Cdefs%3E%3ClinearGradient id='synth-bg' x1='0%' y1='0%' x2='100%' y2='100%'%3E%3Cstop offset='0%' stop-color='%23fde7ff'/%3E%3Cstop offset='50%' stop-color='%23dfe9ff'/%3E%3Cstop offset='100%' stop-color='%23ffe7f4'/%3E%3C/linearGradient%3E%3CradialGradient id='orb1' cx='0' cy='0' r='1'%3E%3Cstop offset='0%' stop-color='%23ffc6ff' stop-opacity='0.85'/%3E%3Cstop offset='100%' stop-color='%23ffc6ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='orb2' cx='0' cy='0' r='1'%3E%3Cstop offset='0%' stop-color='%23c4f7ff' stop-opacity='0.85'/%3E%3Cstop offset='100%' stop-color='%23c4f7ff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='orb3' cx='0' cy='0' r='1'%3E%3Cstop offset='0%' stop-color='%23ffe7bc' stop-opacity='0.8'/%3E%3Cstop offset='100%' stop-color='%23ffe7bc' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='360' height='360' fill='url(%23synth-bg)'/%3E%3Ccircle cx='70' cy='90' r='110' fill='url(%23orb1)'/%3E%3Ccircle cx='300' cy='80' r='120' fill='url(%23orb2)'/%3E%3Ccircle cx='200' cy='310' r='140' fill='url(%23orb3)'/%3E%3Ccircle cx='30' cy='300' r='90' fill='url(%23orb2)' opacity='0.45'/%3E%3Ccircle cx='330' cy='250' r='80' fill='url(%23orb1)' opacity='0.4'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 100% 100%;
}
.ogdnia-type2 h2 {
    
    color: #2c1f4a;
    display: inline-block;
    background: #e6afff;
    border-radius: 30px;
    padding: 4px 16px;
}

/* gwiazdki - niebieskie */
.ogdnia-type31 {
    background-color: #12305F;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' %3E%3Cdefs%3E%3CradialGradient id='g1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='g2'%3E%3Cstop offset='0' stop-color='%23fff4c0' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23fff4c0' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect width='240' height='240' fill='%23081c3a'/%3E%3Cg%3E%3Ccircle cx='18' cy='22' r='1.8' fill='url(%23g1)' opacity='0.95'/%3E%3Ccircle cx='52' cy='18' r='1.2' fill='url(%23g1)' opacity='0.85'/%3E%3Ccircle cx='90' cy='12' r='2.6' fill='url(%23g1)' opacity='0.9'/%3E%3Ccircle cx='128' cy='28' r='1.4' fill='url(%23g1)' opacity='0.6'/%3E%3Ccircle cx='146' cy='60' r='1.1' fill='url(%23g2)' opacity='0.8'/%3E%3Ccircle cx='26' cy='76' r='1.6' fill='url(%23g1)' opacity='0.7'/%3E%3Ccircle cx='68' cy='96' r='3.2' fill='url(%23g1)' opacity='0.95'/%3E%3Ccircle cx='104' cy='82' r='1.7' fill='url(%23g1)' opacity='0.6'/%3E%3Ccircle cx='150' cy='104' r='1.0' fill='url(%23g2)' opacity='0.5'/%3E%3Ccircle cx='30' cy='132' r='2.2' fill='url(%23g1)' opacity='0.85'/%3E%3Ccircle cx='76' cy='142' r='1.5' fill='url(%23g1)' opacity='0.6'/%3E%3Ccircle cx='120' cy='134' r='2.8' fill='url(%23g1)' opacity='0.9'/%3E%3Ccircle cx='12' cy='150' r='1.0' fill='url(%23g1)' opacity='0.5'/%3E%3Ccircle cx='136' cy='20' r='1.1' fill='url(%23g1)' opacity='0.6'/%3E%3Ccircle cx='94' cy='44' r='1.6' fill='url(%23g1)' opacity='0.7'/%3E%3Ccircle cx='12' cy='48' r='1.2' fill='url(%23g1)' opacity='0.5'/%3E%3Ccircle cx='86' cy='72' r='1.0' fill='url(%23g2)' opacity='0.6'/%3E%3Ccircle cx='134' cy='116' r='1.9' fill='url(%23g1)' opacity='0.75'/%3E%3Ccircle cx='48' cy='112' r='1.0' fill='url(%23g1)' opacity='0.4'/%3E%3Ccircle cx='8' cy='96' r='0.9' fill='url(%23g1)' opacity='0.35'/%3E%3Ccircle cx='98' cy='150' r='0.8' fill='url(%23g1)' opacity='0.3'/%3E%3Ccircle cx='154' cy='140' r='1.4' fill='url(%23g1)' opacity='0.6'/%3E%3Ccircle cx='70' cy='58' r='1.05' fill='url(%23g2)' opacity='0.5'/%3E%3Ccircle cx='40' cy='150' r='1.5' fill='url(%23g1)' opacity='0.65'/%3E%3Ccircle cx='22' cy='118' r='1.1' fill='url(%23g1)' opacity='0.4'/%3E%3Ccircle cx='112' cy='60' r='1.4' fill='url(%23g1)' opacity='0.55'/%3E%3Ccircle cx='60' cy='14' r='1.2' fill='url(%23g1)' opacity='0.6'/%3E%3Ccircle cx='36' cy='62' r='0.9' fill='url(%23g1)' opacity='0.35'/%3E%3Ccircle cx='140' cy='86' r='1.0' fill='url(%23g1)' opacity='0.45'/%3E%3Ccircle cx='92' cy='108' r='0.85' fill='url(%23g1)' opacity='0.3'/%3E%3Ccircle cx='6' cy='24' r='1.1' fill='url(%23g1)' opacity='0.4'/%3E%3Cg transform='translate(180,40)'%3E%3Ccircle cx='0' cy='0' r='4.5' fill='url(%23g1)' opacity='1'/%3E%3C/g%3E%3Cg transform='translate(200,180)'%3E%3Ccircle cx='0' cy='0' r='3.2' fill='url(%23g2)' opacity='0.9'/%3E%3C/g%3E%3Ccircle cx='158' cy='30' r='0.6' fill='url(%23g1)' opacity='0.25'/%3E%3Ccircle cx='210' cy='50' r='0.7' fill='url(%23g1)' opacity='0.25'/%3E%3Ccircle cx='190' cy='110' r='0.9' fill='url(%23g1)' opacity='0.35'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 220px 220px;
}
.ogdnia-type3 {
    background-color: #081c3a;
    background-image: url('/img/ogdnia4a.webp');
    background-repeat: repeat;
    background-size: 500px 500px;
}
.ogdnia-type3 h2 {
    color: #fff3f3;
    display: inline-block;
    background: #134071;
    border-radius: 30px;
    padding: 4px 16px;
}


/* serduszka - różowe */
.ogdnia-type4 {
    background-color: #D71896;
    background-image: url('/img/ogdnia41a.webp');
    background-repeat: repeat;
    background-size: 500px 500px;
}
.ogdnia-type4 h2 {
    color: #fff3f3;
    display: inline-block;
    background: #990990;
    border-radius: 30px;
    padding: 4px 16px;
}



/* paski - beżowe */
.ogdnia-type5 {
    background: repeating-linear-gradient(45deg,#f5eddc,#f5eddc 10px,#efe4cf 10px,#efe4cf 20px);
}
.ogdnia-type5 h2 {
    color: #5b4630;
    display: inline-block;
    background: #f2dba8;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type6 {
    background: #78939f;
    background: linear-gradient(135deg, #ad898c 0%, #9f787f 50%, #7b5f65 100%);
}
.ogdnia-type6 h2 {
    color: #202020;
    display: inline-block;
    background: #ad898c;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type7 {
    background: #78939f;
    background: linear-gradient(135deg, #89a3ad 0%, #78939f 50%, #5f737b 100%);
}
.ogdnia-type7 h2 {
    color: #202020;
    display: inline-block;
    background: #89a3ad;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type8 {
    background: linear-gradient(135deg, #7fa87c 0%, #6b8f6b 55%, #547053 100%);
}
.ogdnia-type8 h2 {
    color: #1f2a1f;
    display: inline-block;
    background: #7fa87c;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type9 {
    background: linear-gradient(135deg, #7a8fbf 0%, #6577a6 52%, #4e5d87 100%);
}
.ogdnia-type9 h2 {
    color: #1c2233;
    display: inline-block;
    background: #7a8fbf;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type10 {
    background: linear-gradient(135deg, #cba07b 0%, #b48362 50%, #95694f 100%);
}
.ogdnia-type10 h2 {
    color: #2a1f16;
    display: inline-block;
    background: #cba07b;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type11 {
    background: linear-gradient(135deg, #b188b9 0%, #9a72a3 50%, #7d5b85 100%);
}
.ogdnia-type11 h2 {
    color: #231829;
    display: inline-block;
    background: #b188b9;
    border-radius: 30px;
    padding: 4px 16px;
}

/* plaski kolor */
.ogdnia-type12 {
    background: linear-gradient(135deg, #f8c2a6 0%, #e6a18f 48%, #c56d6f 100%);
}
.ogdnia-type12 h2 {
    color: #2b1a18;
    display: inline-block;
    background: #f8c2a6;
    border-radius: 30px;
    padding: 4px 16px;
}