html{
position:absolute;
display:block;
height:100%;
width:100%;
}
body{
position:relative;
display:block;
width:100%;
height:100%;
margin:0px;
}
h1{
text-align:center;
margin-top:0px;
margin-bottom:0px;
}
#game{
position:relative;
display:block;
width:100%;
height:100%;
overflow-y:none;
}
#console{
position:relative;
display:block;
width:100%;
height:10%;
}
#timer{
position:absolute;
display:block;
font-size:25pt;
font-weight:bold;
background:linear-gradient(to left bottom,green,white,lightgreen,white);
padding:5px;
border:2px solid black;
box-shadow:3px 3px 5px black;
}
#minutes{
position:relative;
display:inline-block;
margin-top:0px;
margin-bottom:0px;
}
#seconds{
position:relative;
display:inline-block;
margin-top:0px;
margin-bottom:0px;
}
#gameplay{
position:relative;
display:block;
width:100%;
height:80%;
font-size:0pt;
}
#fragmentAndCompletionPool{
position:relative;
display:inline-block;
width:75%;
height:100%;
}
#frag{
position:relative;
display:block;
width:50%;
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align:center;
font-size:24pt;
font-weight:bold;
background:#51e3ae;
padding:15px;
box-shadow:2px 2px 5px black;
vertical-align:middle;
text-transform:uppercase;
}


#completionPool{
position:relative;
display:inline-block;
width:100%;
height:80%;
overflow-y:scroll;
}


#completionPool>.completion{
position:relative;
display:inline-block;
padding:15px;
font-size:20pt;
font-weight:bold;
background:blue;
margin-left:0px;
margin-right:0px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
color:white;
border:1px solid gold;
}

#correctCompletions{
position:relative;
display:inline-block;
width:25%;
height:100%;
background:linear-gradient(to bottom left,#61d8ff,white,#61d8ff,white,blue);
vertical-align:top;
margin-top:0px;
margin-bottom:0px;
overflow-y:scroll;
}


#correctCompletions>.correctCompletion{
position:relative;
display:inline-block;
padding:15px;
font-size:20pt;
font-weight:bold;
background:blue;
margin-left:5px;
margin-right:5px;
margin-top:0px;
margin-bottom:0px;
text-transform:uppercase;
color:white;
border:2px solid gold;
}


#minus{
font-size:25pt;
color:red;
position:absolute;
display:block;
margin-top:0px;
margin-bottom:0px;
left:100%;
top:0px;
padding:5px;
}
#correctsLeftDiv{
position:relative;
display:inline-block;
margin-left:30px;
margin-top:0px;
margin-bottom:0px;
}
#correctsLeftWord{
display:inline-block;
font-size:24pt;
color:yellow;
text-shadow:2px 2px 1px black;
margin-top:0px;
margin-bottom:0px;
}
#correctsLeftNumber{
display:inline-block;
font-size:24pt;
background:gray;
padding:5px;
color:yellow;
margin-top:0px;
margin-bottom:0px;
margin-left:10px;
box-shadow:3px 3px 3px black;
}

#bigX{
position:absolute;
display:none;
width:max-content;
font-size:300px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
color:red;
background:gray;
z-index:1;
}
#options{
position:absolute;
display:block;
width:max-content;
right:0px;
vertical-align:top;
top:0px;
}
#options>*{

}

#definition{
position:absolute;
display:none;
width:100%;
height:50%;
z-index:2;
font-size:30pt;
margin:0px;
background:white;
}