html{
position:absolute;
display:block;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:hidden;
}
body{
position:relative;
display:block;
width:100%;
height:100%;
overflow-x:hidden;
overflow-y:hidden;
margin:0px;
}
#gameTitle{
position:relative;
display:block;
text-align:center;
background:darkblue;
  font-family: "Creepster", system-ui;
  font-weight: 400;
  font-style: normal;
font-size:50pt;
color:lightgreen;
box-shadow:3px 3px 5px gray inset;
}
#instructions{
text-align:center;
position:relative;
display:block;
font-size:22pt;
font-weight:bold;
}
#chunks{
position:relative;
display:block;
width:max-content;
height:max-content;
margin-left:auto;
margin-right:auto;
margin-top:40px;
}
.chunk{
position:relative;
display:inline-block;
padding:5px;
margin-top:0px;
margin-bottom:0px;
margin-left:5px;
margin-right:5px;
background:#5b8af4;
color:white;
text-transform:uppercase;
user-select:none;
box-sizing:border-box;
border:1px solid black;
font-size:24pt;
box-shadow:2px 2px 4px black;
}
.placedChunk{
position:relative;
display:inline-block;
padding:5px;
margin:0px;
background:lightgreen;
text-transform:uppercase;
user-select:none;
box-sizing:border-box;
pointer-events:none;
}

#tryBoard{
position:relative;
display:block;
width:100%;
text-align:center;
margin-top:20px;
font-size:24pt;
text-transform:uppercase;
box-shadow:3px 3px 4px inset;
background:#6ffbc1;
}

#info{
position:relative;
display:block;
width:100%;
height:max-content;

}
#remainingCounter{
position:relative;
display:block;
width:100%;
height:max-content;

}

#remainingCounter>*{
text-align:center;
text-transform:uppercase;
font-size:24pt;
font-weight:bold;
}
#correctWordList{
position:relative;
display:block;
height:40%;


}

.correctWord{
position:relative;
display:inline-block;
margin-top:0px;
margin-bottom:0px;
font-size:25pt;
margin-left:10px;
margin-right:10px;
border:3px solid black;
background:linear-gradient(to left,#ffec41,white);
text-transform:uppercase;
padding:5px;
}

#mainPhraseSpace{
position:relative;
display:block;
background: linear-gradient(135deg, #50C878, #2E8B57);
width:100%;
width:max-content;
height:max-content;
padding-top:10px;
padding-bottom:10px;
padding-left:50px;
padding-right:50px;
text-align:center;
box-shadow:5px 5px 5px green;
margin-left:auto;
margin-right:auto;
text-transform:uppercase;
font-weight:bold;
color:white;
font-size:20pt;
visibility:hidden;
}