body{
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.Header{
    height: 90px;
    text-align: center;
}
.Title{
    height: 90px;
    text-align: center;
}
.BoardMatrix{
    display: flex;
    margin-right: auto;
    margin-left: auto;
    height: 360px;
    width: 100%;
    max-width: 480px;
    text-align: center;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.word{
    display: flex;
    justify-content: space-between;
    width: calc(50% - 20px);
    margin-bottom: 20px;
    padding: 10px;
}
.letter_block{
    width: 15%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: lightgray;
}
.letter{
    display: flex;
}
.keyboard{
    margin-right: auto;
    margin-left: auto;
    flex-direction: column;
    display: flex;
    width: 100%;
    max-width: 480px;
}
.keyboard_row{
    display: flex;
    width: 100%;
    max-width: 480px;
    justify-content: space-between;
    text-align: center;
}
.keyboard_block{
    display: inline-block;
    width: 40px;
    aspect-ratio: 1;
    white-space: nowrap;
    box-sizing: border-box;
}
.keyboard_blank{
    display: inline-block;
    width: 40px;
    aspect-ratio: 1;
    box-sizing: border-box;
}