body{
    color: white;
    background-color: rgb(33, 33, 255);
    letter-spacing: 3px;
    font-family: 'Pixelify Sans', monospace, 'times new roman', arial;
      font-optical-sizing: auto;
      font-weight: 400;
    min-height: fit-content;
    height: auto;
    padding-bottom: 50px;
    font-size: large;
}

header{
    text-align: left;

}

hr{
    border: 3px solid white;
}

a{
    color: yellow;
    background-color: blue;
    padding: 5px;
    border: 1px rgba(255, 255, 255, 0.2) solid;
    display: block;
    width: fit-content;
    margin-bottom: 20px;
    text-decoration: none;
}
a:hover{
    background-color: red;
    color: white;
}
a:active{
    color: yellow;
}
a::before{
    content: "> ";
}

.columns{
    display: flex;
    gap: 20px;
}
.col{
    flex: 1;
    padding: 20px;
    border-right: 2px solid rgba(255, 255, 255, 0.5);
}


footer{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(33, 33, 255, 1);
}

#stopka{
    letter-spacing: 7px;
}
@keyframes blinkERROR {
            0% {
                color: white;
            }

            50% {
                color: red;
            }
}
@keyframes info {
            0% {
                color: yellow;
            }

            33% {
                color: cyan;
            }
            66%{
                color: magenta;
            }
             100%{
                color: yellow;
            }
}

.error{
    animation: blinkERROR 2s infinite;
}
.info{
    animation: info 1s infinite;
}

.post{
    border: 2px solid rgba(255, 255, 255, 0.5);
    width: auto;
    height: fit-content;
}
.data{
    font-size: small;
    text-align: right;
    color: yellow;
    font-family: 'Times New Roman', Times, serif;
    
}
a.An {
    all: unset;
    display: inline;
    color: inherit;
    font: inherit;
    cursor: pointer;
}
a.An::before {
    content: none;
}
th, td, tr, table{
    border: 2px solid black;
    background-color: white;
    color: black;
}
td{
    margin-left: 10px;
}