body {
    background: repeating-linear-gradient(150deg, #d258fc, #a64ec4 8%, #a64ec4 8%, #d258fc 16%);
    height: 100vh;
    overflow: hidden;
    display: grid;
    align-content: center;
}

#tabuTerminal {
    width: 100%;
    display: flex;
    justify-content: center;
}

#test001 {
    align-content: baseline;
    justify-content: center;
    padding-top:20px;
}

.tabuHeading {
    font: bold 25px Verdana;
}

.tabuSelectBox {
    font: bold 23px Verdana;
    cursor: pointer;
    border:1px solid black;
}

.tabuSelectBox option {
    background-color: #f7c770;
}

.teamNameHeading {
    font: bold 21px Verdana;
}

.tabuSelectBox:hover {
    background-color: #e8e8e8;
}


#btnOyna, #btnHazir {
    border: 2px solid black;
    font: bold 27px Verdana;
    width: fit-content;
    //padding-right: 10px;
    //padding-left: 10px;
    width:100%;
    text-align:center;
    cursor:pointer;
}

#btnOyna:hover, #btnHazir:hover {
    background-color: #e8e8e8;
}

.tabuTeam {
    max-width:300px;
    text-align:center;
    font:bold 20px Verdana;
}

.mainsetting {
    margin-left:auto;
}

.divHeadings {
    display:flex;
    line-height:2;
    border-bottom:1px solid black;
    padding-top:4px;
}

.prevent-select {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

#divUyari {
    text-align:center;
    font: bold 17px Verdana;
    line-height:2.38;
}



#TurTerminal {

    //display: grid;
    display: none;

    align-content: center;
    justify-content: center;
    padding-top: 20px;
}


#divTurHeading {
    text-align: center;
    font: bold 40px Verdana;
}

.terminal {
    max-width: 520px;
    width: 100%; /* Set width to 100% for responsiveness */
    box-sizing: border-box;
    max-height: 620px;
    height: 100%;
    border: 3px solid black;
    background-color: white;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display:none;
}

#gameTerminal {
    padding-left: 22px;
    padding-right: 22px;
    align-content: baseline;
}


#lblSure {
    font: bold 45px Verdana;
    width:fit-content;
    border:2px solid black;
    border-radius:100%;
    padding:7px;
    margin-left:10px;
}

#kartMain {
    width: 100%;
    border: 2px solid black;
    box-sizing: border-box;
    height: 400px;
    background-color: #bb89ca;
    align-items: center;
    display: grid;
    justify-items: center;
}

#lblKelime {
    font-family: cursive;
    font-size: clamp(20px, 3vw, 50px);
    //font-size: 50px;
    text-align: center;
    background-color: white;
    width: fit-content;
    border: 3px solid black;
    padding-left: 7px;
    padding-right: 7px;
}

#yasakTablo {
    width: 90%;
    height: 320px;
    border: 3px solid black;
    background-color: white;
}

#btnSkip {
    background-position-x: 15px;
    background-position-y: 50%;
    //background: #0064cd url('../tabuGame/skip.png') no-repeat 10px 5%;
    background-color: orange;
    background-size: 55px 55px;
    background-repeat: no-repeat;
    background-image: url('../tabuGame/skip.png');
    width: 80px;
    height: 80px;
    border: 2px solid black;
    border-radius: 100%;
}