body{background:conic-gradient(from 210deg,#a8a7ba,#a8a7ba 10.588deg,#a0a4ba 10.588deg,#a0a4ba 21.176deg,#98a0ba 21.176deg,#98a0ba 31.765deg,#909dba 31.765deg,#909dba 42.353deg,#8799b9 42.353deg,#8799b9 52.941deg,#7f95b9 52.941deg,#7f95b9 63.529deg,#7691b8 63.529deg,#7691b8 74.118deg,#6d8db7 74.118deg,#6d8db7 84.706deg,#6589b6 84.706deg,#6589b6 95.294deg,#5c84b4 95.294deg,#5c84b4 105.882deg,#5480b3 105.882deg,#5480b3 116.471deg,#4c7bb1 116.471deg,#4c7bb1 127.059deg,#4476af 127.059deg,#4476af 137.647deg,#3d71ac 137.647deg,#3d71ac 148.235deg,#366caa 148.235deg,#366caa 158.824deg,#2f67a8 158.824deg,#2f67a8 169.412deg,#2962a5 169.412deg,#2962a5 180deg,#245ca2 180deg,#245ca2 190.588deg,#1e579f 190.588deg,#1e579f 201.176deg,#1a529c 201.176deg,#1a529c 211.765deg,#164d98 211.765deg,#164d98 222.353deg,#134895 222.353deg,#134895 232.941deg,#104291 232.941deg,#104291 243.529deg,#0e3d8d 243.529deg,#0e3d8d 254.118deg,#0d3889 254.118deg,#0d3889 264.706deg,#0c3385 264.706deg,#0c3385 275.294deg,#0c2e81 275.294deg,#0c2e81 285.882deg,#0d297c 285.882deg,#0d297c 296.471deg,#0e2578 296.471deg,#0e2578 307.059deg,#102073 307.059deg,#102073 317.647deg,#131c6f 317.647deg,#131c6f 328.235deg,#17176a 328.235deg,#17176a 338.824deg,#1b1365 338.824deg,#1b1365 349.412deg,#1f0f60 349.412deg,#1f0f60 360deg);background-size:100%,100%;background-attachment:fixed;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif!important}header,main{color:#2c3639;font-weight:500;line-height:1.5rem;word-spacing:.1rem}header h1,main h1{text-align:center}.formWrapper{display:flex;flex-direction:column;justify-content:center;margin:auto}.highscoreSubmitButtonsDiv{display:inline-block}.submitButton,.cancelButton{padding:5px 10px;transition:background-color .2s;background-color:#ccc7c7;font-size:1rem;font-weight:600;border-radius:3px;border:none;color:#2c3639;margin:1rem .5rem}.submitButton:hover,.cancelButton:hover{background-color:#4c4c4c;border-radius:5px;border:none;color:#fff}.submitForm{align-items:center;margin-left:1rem;margin-top:.6rem;margin-bottom:.6rem}.submitForm input{font-size:large;max-width:60%;text-align:center}.guessSpan,.wordLengthSpan,.uniqueLetterSpan{color:#005b00;font-weight:500}.gameUiDiv{margin-bottom:3rem;text-align:center;max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;margin-top:-.5rem}.gameBoard{border-collapse:collapse;margin:auto;display:flex;flex-direction:column;justify-content:center}.gameBoard tr{display:flex}.gameBoard td{width:35px;height:35px;border:2px solid #ccc;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;text-transform:uppercase;background-color:#fff}.gameBoard .green{background-color:#4caf50;color:#fff}.gameBoard .yellow{background-color:#ffca28;color:#fff}.gameBoard .red{background-color:#b80000!important;color:#fff}.guessInput,.guessButton{font-size:large;margin:.5rem .3rem 2rem}.returnButton{width:fit-content;margin:auto}.changeDifficultyButton,.restartButton{width:fit-content;margin:auto;margin-left:.5rem;margin-right:.5rem}.scoreSubmitButton{margin-bottom:2rem;margin-top:.5rem}.returnButton,.changeDifficultyButton,.restartButton,.scoreSubmitButton,.guessButton{padding:5px 10px;transition:background-color .2s;background-color:#ccc7c7;font-size:1rem;font-weight:600;border-radius:3px;border:none;color:#2c3639}.returnButton:hover,.changeDifficultyButton:hover,.restartButton:hover,.scoreSubmitButton:hover,.guessButton:hover{background-color:#4c4c4c;border-radius:5px;border:none;color:#fff}.difficultyDiv{margin-bottom:3rem;text-align:center;max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;margin-top:-.5rem}.startButtonSpan button{justify-content:center;margin:auto;margin-top:2rem;margin-bottom:1rem;padding:5px 10px;transition:background-color .2s;background-color:#ccc7c7;font-size:1rem;font-weight:600;border-radius:3px;border:none;color:#2c3639}.startButtonSpan button:hover{background-color:#4c4c4c;border-radius:5px;border:none;color:#fff}.selectLetters{margin-left:4.3rem;padding:3px 7px;transition:background-color .2s;background-color:#ccc7c7;font-size:1rem;font-weight:600;border-radius:3px;border:none;color:#2c3639}.selectRepeatingLetters{margin-left:1rem;margin-top:1rem;padding:3px 7px;transition:background-color .2s;background-color:#ccc7c7;font-size:1rem;font-weight:600;border-radius:3px;border:none;color:#2c3639}.selectLetters:hover,.selectRepeatingLetters:hover{background-color:#4c4c4c;border-radius:5px;border:none;color:#fff}.mainDivHome{max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;margin-top:-1rem;border-radius:4px}div{display:flex;justify-content:center;flex-direction:column;text-align:center}table{text-align:center;padding:2px;padding-bottom:1rem}table p{color:#708090}.mainDivHighScores{max-width:600px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;margin-top:-1rem;border-radius:4px}@media (min-width: 600px){.mainDivAbout{max-width:600px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:3px;background-color:#fff;margin-top:-1rem}.articleDivs{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:90%}.articleDivs hr{width:80%;height:1px;background-color:#2c3639;color:#2c3639;border-width:0}.articleDivs h3{text-align:center}section{width:fit-content;text-align:left;gap:2rem;margin:1rem}.techStackDiv{max-width:80%;display:flex;flex-direction:column;justify-content:left;margin-left:2.5rem}.techStackDiv h2{margin-bottom:.5rem;margin-left:2rem}.techStackDiv h3{text-align:left;margin-bottom:.4rem;margin-top:.5rem}.techStackDiv li{width:fit-content;text-align:left}}@media (max-width: 599px){.mainDivAbout{display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;margin-top:-1rem}.articleDivs{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:92%}.articleDivs hr{width:80%;height:1px;background-color:#2c3639;color:#2c3639;border-width:0}.articleDivs h3{text-align:center}section{width:fit-content;text-align:left;gap:2rem;margin:1rem}.techStackDiv{max-width:92%;display:flex;flex-direction:column;justify-content:left;margin-left:0rem}.techStackDiv h2{margin-bottom:.5rem;margin-left:2rem}.techStackDiv h3{text-align:left;margin-bottom:.4rem;margin-top:.5rem}.techStackDiv li{width:fit-content;text-align:left}}.mainDivNotFound{max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;border:2px solid #5A4638;border-radius:4px;margin-bottom:1rem;color:red!important}@media (min-width: 800px){.mainDivNavbar{max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;background-color:#fff;padding-bottom:2rem;border-radius:4px;margin-bottom:0rem}}.titleContainer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:20px;padding-bottom:1rem}.titleContainer span{text-decoration:underline;text-underline-offset:.4rem;padding:.4rem}nav ul{list-style:none;padding:0;margin:auto;padding-top:.3rem;display:flex;flex-direction:row;justify-content:center}nav li{margin:0 5px;padding:5px 10px;transition:background-color .2s;background-color:#ccc7c7}nav a{text-decoration:none;font-size:1.5rem;font-weight:600;border-radius:5px;color:#2c3639}.nav-item--hovered,.nav-item--active{background-color:#4c4c4c;border-radius:5px}.nav-item--hovered a,.nav-item--active a{color:#fff}@media (max-width: 799px){.mainDivNavbar{display:flex;flex-direction:column;justify-content:center;margin:auto;padding-bottom:2rem;background-color:#fff}}footer{color:#2c3639;text-align:center;font-size:14px}footer h1{text-align:center}footer p{margin:5px 0;padding-left:2rem;padding-right:2rem}footer a{text-decoration:none;color:#06c;font-weight:500}footer a:hover{text-decoration:underline}.mainDivFooter{max-width:800px;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;padding-top:2rem;background-color:#fff;border-radius:4px;margin-top:-1rem}.app-wrapper{max-width:600px;display:flex;flex-direction:column;margin:auto;transition:box-shadow .3s ease,margin-top .3s ease;box-shadow:0 0 12px 4px #666565}@media (min-width: 800px){.app-wrapper{margin-top:5rem;margin-bottom:5rem}}@media (max-width: 799px){.app-wrapper{box-sizing:none;margin-top:0}}