@font-face {
    font-family: 'MC';
    font-style: normal;
    font-weight: normal;
    src: url('minecraft.ttf') format('truetype');
    }

html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.gradient-text {
    display: inline-block;

    text-align: center;
    font-family: "MC";
    font-size: xxx-large;

    background: linear-gradient(
        90deg,
        #72471E,
        #A58733,
        #513D19
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin: 2%;
    transform: scale(1.6);
}

.stinkers{
    display: flex;

    justify-content: center;
    font-family: "MC";
    font-size: xxx-large;

    background: linear-gradient(
        90deg,
        #72471E,
        #A58733,
        #513D19
    );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.txt{
    color: white;
    text-align: center;
    font-family: "MC";
    font-size: x-large;
}

.player {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: fit-content;
  margin: 0 auto;
}

.map-container{
    display: block;
    width: 100vw;
    height: 72vh;
    border: #513D19;

    margin: 0;
}

.map{
    border:#513D19;
    width: 100%;

    height: 100%;
    margin: 0;
}

.players{
    display: block;
    font-family: "MC";
    font-size: large;
}


.center{
    text-align: center;
}

body{
    background-color: #222222;
}