.title-header{display:flex;justify-content:space-between;height:100px}.title{margin:auto;font-size:40px;font-weight:700;font-family:WordleFont;letter-spacing:.05em}.back-button{width:50px;margin:auto 45px;font-size:20px;color:#000}.back-button:hover{color:gray}.back-button-space-holder{width:50px;height:1px;margin:auto 45px}.rules-button{font-family:Helvetica Neue;font-size:20px;margin:45px 60px auto}.rules-space-holder{width:50px;height:1px;margin:auto 60px}.rules-button:link,.rules-button:visited{text-decoration:none;color:#000}.rules-button:hover{text-decoration:none;color:gray}.rules-button:active{text-decoration:none;color:#000}@font-face{font-family:WordleFont;src:url(/assets/karnakpro-condensedblack-b5444c7c.ttf)}html,body{margin:0;height:100vh}.home-background-container{background-color:#f5f5f5;height:100vh}.gif-container{display:flex;justify-content:center}.gameplay-gif{border-style:solid;border-color:gray}.play-button-and-toggle-container{display:flex;margin:auto;justify-content:center;flex-direction:column;padding-bottom:40px}.switch-container{display:flex;justify-content:center;width:fit-content}.switch-label{font-family:Helvetica Neue;margin:auto 0;font-size:14px}.switch-outer-container{display:flex;justify-content:center}.greyed-out{color:gray}.play-button-container{display:flex;justify-content:center;padding:20px;margin:20px}.start-container{padding-bottom:5px;margin-bottom:0}.play-button{margin:auto;font-size:24px;background-color:#39ff14;font-family:Helvetica Neue;border:2px solid black;border-radius:5px;padding:10px;color:#000;text-decoration:none}.play-button:hover{background-color:#ff5349}body{margin:0;min-height:100%}html{margin:0;height:100%}.rules-background-container{background-color:#f5f5f5}.rules-container{display:flex;justify-content:center}.rules{width:600px;height:fit-content;background-color:#fff;margin:auto auto 50px;padding:30px 30px 30px 40px}.text{font-family:Helvetica Neue}.rules-title{text-align:center;font-size:28px;margin:10px 10px 30px}.bold{margin-top:30px;font-weight:700}li{line-height:1.5}.green{background-color:#adff2f}.grey{background-color:#d3d3d3}.yellow{background-color:#ff0}.example-photo-container{display:flex;justify-content:center;padding:20px 20px 60px;height:fit-content}example-photo{margin:auto}.board-container{display:flex;justify-content:center}.board{display:flex;flex-wrap:wrap;justify-content:center}.tile-container{width:62px;height:62px;margin:3px;text-align:center;line-height:62px;font-family:Helvetica Neue;font-size:32px;border:2px solid lightgrey}.is-current{border:2px solid black}.tile-green{background-color:#adff2f}.tile-grey{background-color:#d3d3d3}.tile-yellow{background-color:#ff0}.keyboard-container{justify-content:center;padding:20px}.keyboard{width:fit-content;height:fit-content;display:flex;flex-direction:column;padding:10px;margin:auto}.button-row{display:flex;justify-content:center}.button{height:40px;min-width:40px;max-width:60px;border-radius:5px;border:none;display:flex;flex-direction:column;justify-content:center;margin:3px;font-family:Helvetica Neue;font-weight:700}.button:active{background-color:#000;color:#fff}.button-text{text-align:center;margin:auto}.message-container{display:flex;justify-content:center;padding-top:15px}.message{font-family:Helvetica Neue;margin:auto;text-align:center}.error{color:red}.new-line{white-space:pre-line}