/* WORD SEARCH
/////////////////////////////////////////////////////// */

.words { 
	width: 100%;
    height: auto;
	margin: 0 auto;
	position: relative; }

#words__container {
    width: 45%;
    left: 50%;
    padding: 40px 0;
    border-radius: var(--border-radius); 
    background: var(--orange); 
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); 
	position: relative; }

#words__container div {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }

#words__container .puzzleSquare {
    width: 3.5vw;
    height: 3.5vw;
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 800; 
    font-size: 2.5vw;
    line-height: 0em; 
    letter-spacing: 0;
    text-align: center;
    color: var(--white);
    text-transform: uppercase;
    background: transparent; }

#words__container button::-moz-focus-inner {
    border: 0; }

#words__container .selected,
#words__container .found {
    color:  var(--orange);
    background: var(--white); }

#words__container .solved {
    color:  var(--orange);
    background: var(--pink);   }

#words__container .complete {
    color: var(--blue); }

/* WORDS BUTTONS
/////////////////////////////////////////////////////// */

.words-buttons {
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center; }

.words-buttons-content {
    width: auto;
    margin-top: 3vw;
	position: relative; }

.button-words { 
    width: 10vw; 
    border-radius: var(--border-radius-buttons);
    background: var(--orange); }

.button-words:nth-child(2) {
    margin: 0 10px; }

.button-words:hover {
    color: var(--orange);
    background: var(--white);
    cursor: pointer; }

/* PARAULES 
/////////////////////////////////////////////////////// */

#words__words {
    width: 100%; 
    margin-top: 3vw;
    display: none;
	position: relative; }

#words__words ul {
    width: 100%;
    text-align: center; 
	position: relative; }

#words__words li {
    width: auto;
    font-family: "Inter", sans-serif;
    font-weight: 400; 
    font-size: 1vw;   
    line-height: 1.25em; 
    letter-spacing: -0.04em;
    text-align: center;
    color: var(--white);
    margin-right: 10px;
	display: inline-block;
	position: relative;
	float: none; }

#words__words li:last-child {
   margin-right: 0; }

#words__words li:not(:last-child)::after {
   content: ","; }

#words__words .wordFound {
    color: var(--orange);
    text-decoration: line-through; }

/* STYLE
/////////////////////////////////////////////////////// */