.grid { 
    display: inline-flex; 
    grid-template-columns: repeat(auto-fit, minmax(5rem, 1fr)); 
    gap: 2px; 
    margin-bottom: 5px;
}

.inputDigit { 
    width: 5vw; 
    height: 4vh; 
    font-size: clamp(1rem, 1rem, 2rem); 
    text-align: center; 
    border: 1px solid #ccc; 
    border-radius: 5px; 
    -moz-appearance: textfield;
    appearance: textfield;
}

.inputDigit::-webkit-inner-spin-button, .inputDigit::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input.correct { 
    background-color: lightgreen; 
    pointer-events: none;
}

input.wrong-position { 
    background-color: orange; 
}

.stats { 
    width: 100%;
    font-size: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.close { 
    color: #aaa; 
    font-size: 28px; 
    font-weight: bold; 
}

.close:hover,
.close:focus { 
    color: black; 
    text-decoration: none; 
    cursor: pointer; 
}

.gameContent {
	border: 1px solid black;
	background-color: white;
	border-radius: 5px;
	width: 100%;
    text-align: center;
}

.board {
    height: 55vh;
}

.wins {
    width: 50%;
    float: left;
}

.point {
    text-align: right;
}

.selectedInput {
    border: 1px solid yellow; 
}