body{
    text-align: center;

}
.link {
    padding: 5px;
    border: 12px solid gray;
    border-left-color: black;
    border-bottom-color: black;
    font-size: 35pt;
    color: white;
  }

  .link:visited {
    color: rgb(250, 32, 203);
  }

  .link:hover {
    color: red;
  }

  #kozepnagy {
    font-size: 15px;
    text-align: center;
  }

  p {
    text-align: center;
  }

  #Süti3:hover {
    color: gray;
    /* Add a dark-grey background on hover */
  }
.visit-count {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 5px;
    border-radius: 5px;
}
.link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.kozep{
    text-align: center;
}

.loader-container{
    width: 100%;
    height: 100vh;
    background-color: rgb(0, 0, 0);
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loader{
    width: 50px;
    height: 50px;
    border: 5px solid;
    color: #3498db;
    border-radius: 50%;
    border-top-color: transparent;
    animation: loader 1.2s linear infinite;
}

@keyframes loader{
    25%{
        color: #2ecc71;
    }
    50%{
        color: #f1c40f;
    }
    75%{
        color: #e74c3c;
    }
    to{
        transform: rotate(360deg);
    }
}