@font-face {
    font-family: "Comic Sans";
    src: url(../src/comic-sans-ms/COMIC.TTF) format("truetype");
}

body {
    font-family: "Comic Sans", Arial;
    /* background: #00FF00; */
    background: rgb(255, 141, 161);
    cursor: url(../img/honkhonk40x40.png), auto;
    margin: 0;
    font-size: 16px;
    min-height: 100vh;
    display: flow-root;
}

@media (min-width: 1200px) {
    body {
        font-size: 18px;
    }
}

h1 {
    font-size: 1.8em;
}

h2 {
    vertical-align: center;
    font-size: 1.2em;
}

h3 {
    margin-top: 40px;
}

a {
    color: black;
    text-decoration: none;
}

a:hover {
    /* color: rgb(49, 48, 48); */
    text-decoration: underline;
    animation: cursor .3s linear infinite;
}

@keyframes cursor{
    0% {
        cursor: url(../img/00.gif), auto;
    }
    16.67% {
        cursor: url(../img/01.gif), auto;
    }
    33.34% {
        cursor: url(../img/02.gif), auto;
    }
    50.01% {
        cursor: url(../img/03.gif), auto;
    }
    66.68% {
        cursor: url(../img/04.gif), auto;
    }
    83.35% {
        cursor: url(../img/05.gif), auto;
    }
    100% {
        cursor: url(../img/05.gif), auto;
    }
}

img {
  max-width: 100%;
  height: auto;
}

#header a:hover {
    color: black;
    text-decoration: none; /* FIXME */
}

#qualitycontent {
    margin: auto;
    max-width: 800px;
    width: 95%;
}

#header {
    margin: auto;
    text-align: center;
    line-height: 0.8;
}

#tagline {
    font-size: 15px;
    letter-spacing: 2px;
}

#zdjecie-z-przyjaciolmi {
    margin: 20px auto;
    display: block;
    text-align: center;
}

table,
td {
    border: 1px solid #333;
    margin: 0 auto;
}

table {
  max-width: 92%;
}

td {
    /* display: block; */
    /* border: 1px solid #333; */
}

td img {
  display: block;
}

ul {
   list-style-type: none;
   padding-left: 0;
   margin: 0;
}

#menu ul {
  width: 92%;
  margin: 0 auto;
}

hr {
  border: none;
  height: 1px;
  background: #000;
}

#footer {
    font-size: 10px;
    margin-bottom: 20px;
}

.formularz {
  display: flex;
  flex-direction: column;
  width: 92%;
  margin: 0 auto;
}

.etykieta {
  margin-top: 16px;
  margin-bottom: 6px;
  cursor: inherit;
}

.formularz input[type="text"],
.formularz textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 8px;
  font-family: inherit;
  font-size: 1em;
}

.przycisk {
  margin-top: 16px;
  padding: 12px 20px;
  min-height: 44px;
  font-family: inherit;
  font-size: 1em;
  cursor: pointer;
}

.formularz input:disabled,
.formularz textarea:disabled,
.przycisk:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}