.fs-xxxl
{
    font-size : 2rem; 
}
.fs-xxl
{
    font-size : 1.7rem; 
}
.fs-xl
{
    font-size : 1.4rem; 
}
.fs-lg
{
    font-size : 1.2rem; 
}
.fs-sm
{
    font-size : 0.85rem; 
}
.fs-75
{
    font-size : 0.75rem; 
}
.fs-ssm
{
    font-size : 0.65rem; 
}

.klawisz
{
    cursor : pointer;
}

.dzisiaj
{
    font-weight: bold;
    background-color: rgb(253, 227, 192);
    border : 2px solid rgb(229, 233, 29)
}

.kafelek
{
    background-image: linear-gradient(to bottom right, antiquewhite, rgb(180, 138, 83));   
    cursor : pointer;
    border-radius : 20px;
    border : 2px solid rgb(180, 138, 83);
    font-size : 0.9rem; 
}

.kafelek:hover
{
    background-image: linear-gradient(to bottom right, rgb(180, 138, 83), antiquewhite);   
    cursor : pointer;
}

.header {
  background-color: #f1f1f1;
  padding: 30px;
  text-align: center;
}

#menubar {
  position: sticky;
  top: 0;
  overflow: hidden;
  background-image: linear-gradient(rgb(24, 121, 177), rgb(141, 197, 250),rgb(24, 121, 177)); 
  color :rgb(4, 30, 78);
}

#menubar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 12px;
  text-decoration: none;
  color :rgb(4, 30, 78);
}

#menubar a:hover {
  background-color: #ddd;
  color: black;
}

#menubar a.active {
  
  color: white;
  background-image: linear-gradient(rgb(141, 197, 250),rgb(24, 121, 177),rgb(141, 197, 250)); 
}