.elementor-11 .elementor-element.elementor-element-2b576bd{--display:flex;}.elementor-11 .elementor-element.elementor-element-30c9193 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header .tab-icon-wrap,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title .tab-icon-wrap{font-size:15px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header .tab-icon-wrap svg,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title .tab-icon-wrap svg{width:15px;height:15px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header .tab-icon-image,
					.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .tab-icon-wrap .tab-icon-image{max-width:15px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-nav-wrapper .plus-tabs-nav .tab-sep-icon{font-size:15px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-nav-wrapper .plus-tabs-nav .tab-sep-icon svg{width:15px;height:15px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:#626262;padding:0px 0px 0px 0px;margin:0px 0px 40px 0px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header:hover,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header.active,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title.active{color:#020202;}.elementor-11 .elementor-element.elementor-element-30c9193 .tp-tab-title-description{word-break:break-word;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.elementor-tabs.nav-one-by-one ul.plus-tabs-nav li .elementor-tab-title{margin:0px 0px 40px 0px !important;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header{margin-left:40px;margin-right:40px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header{margin-left:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header{margin-right:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header{margin-top:40px;margin-bottom:40px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header{margin-top:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header{margin-bottom:0;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav li .plus-tab-header{overflow:hidden;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-widget-tp-tabs-tours .plus-tab-header.active{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}.elementor-11 .elementor-element.elementor-element-bfb4af1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-cdc54b5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-11 .elementor-element.elementor-element-51c3543{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-51c3543:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-51c3543 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0F2E0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-f8e17d9 > .elementor-widget-container{padding:0% 0% 2% 0%;}.elementor-11 .elementor-element.elementor-element-f8e17d9{text-align:center;}.elementor-11 .elementor-element.elementor-element-f8e17d9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:700;line-height:28px;color:#0B0B10;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-7411b83.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-7411b83{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-0d11f8e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:4%;--padding-bottom:4%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-683f013 > .elementor-widget-container{padding:0% 0% 2% 0%;}.elementor-11 .elementor-element.elementor-element-683f013{text-align:center;}.elementor-11 .elementor-element.elementor-element-683f013 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;line-height:28px;color:#0B0B10;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-32e2637 > .elementor-widget-container{border-style:none;}.elementor-11 .elementor-element.elementor-element-32e2637 .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-stacked .elementor-icon{background-color:#CE0C0C00;color:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-default .elementor-icon{color:#CE0C0C00;border-color:#CE0C0C00;}.elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-default .elementor-icon svg{fill:#CE0C0C00;}.elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-framed .elementor-icon{background-color:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-32e2637.elementor-view-stacked .elementor-icon svg{fill:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-32e2637 .elementor-icon{font-size:60px;padding:0px;}.elementor-11 .elementor-element.elementor-element-32e2637 .elementor-icon svg{height:60px;}.elementor-11 .elementor-element.elementor-element-2175624{text-align:center;}.elementor-11 .elementor-element.elementor-element-2175624 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#0B0B10;}.elementor-11 .elementor-element.elementor-element-2db0fe9 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-2db0fe9.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-2db0fe9{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-2803e98 > .elementor-widget-container{margin:-4% 0% 0% 0%;padding:14px 14px 14px 14px;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 20px 0px rgba(0, 0, 0, 0.17);}.elementor-11 .elementor-element.elementor-element-2803e98.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-abf031d > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;border-radius:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-abf031d .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-stacked .elementor-icon{background-color:#CE0C0C00;color:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-default .elementor-icon{color:#CE0C0C00;border-color:#CE0C0C00;}.elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-default .elementor-icon svg{fill:#CE0C0C00;}.elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-framed .elementor-icon{background-color:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-abf031d.elementor-view-stacked .elementor-icon svg{fill:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-abf031d .elementor-icon{font-size:60px;padding:0px;}.elementor-11 .elementor-element.elementor-element-abf031d .elementor-icon svg{height:60px;}.elementor-11 .elementor-element.elementor-element-070c872{text-align:center;}.elementor-11 .elementor-element.elementor-element-070c872 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#0B0B10;}.elementor-11 .elementor-element.elementor-element-4048775.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-4048775{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-7489063 > .elementor-widget-container{margin:-4% 0% 0% 0%;padding:14px 14px 14px 14px;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 20px 0px rgba(0, 0, 0, 0.17);}.elementor-11 .elementor-element.elementor-element-7489063.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-c498946 > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0% 0% 0% 0%;border-radius:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-c498946 .elementor-icon-wrapper{text-align:center;}.elementor-11 .elementor-element.elementor-element-c498946.elementor-view-stacked .elementor-icon{background-color:#CE0C0C00;color:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-c498946.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-c498946.elementor-view-default .elementor-icon{color:#CE0C0C00;border-color:#CE0C0C00;}.elementor-11 .elementor-element.elementor-element-c498946.elementor-view-framed .elementor-icon, .elementor-11 .elementor-element.elementor-element-c498946.elementor-view-default .elementor-icon svg{fill:#CE0C0C00;}.elementor-11 .elementor-element.elementor-element-c498946.elementor-view-framed .elementor-icon{background-color:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-c498946.elementor-view-stacked .elementor-icon svg{fill:#9B9B9B;}.elementor-11 .elementor-element.elementor-element-c498946 .elementor-icon{font-size:60px;padding:0px;}.elementor-11 .elementor-element.elementor-element-c498946 .elementor-icon svg{height:60px;}.elementor-11 .elementor-element.elementor-element-05b0f18{text-align:center;}.elementor-11 .elementor-element.elementor-element-05b0f18 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#0B0B10;}.elementor-11 .elementor-element.elementor-element-3d9ff73.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-3d9ff73{text-align:center;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-f47644d > .elementor-widget-container{margin:-4% 0% 0% 0%;padding:14px 14px 14px 14px;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 20px 0px rgba(0, 0, 0, 0.17);}.elementor-11 .elementor-element.elementor-element-f47644d.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-6174427{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-6174427:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-6174427 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F1D1;}.elementor-11 .elementor-element.elementor-element-8100b4b > .elementor-widget-container{padding:0% 0% 2% 0%;}.elementor-11 .elementor-element.elementor-element-8100b4b{text-align:center;}.elementor-11 .elementor-element.elementor-element-8100b4b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:28px;font-weight:700;line-height:28px;color:#0B0B10;}.elementor-11 .elementor-element.elementor-element-ea73521 > .elementor-widget-container{background-color:#FFFFFF;padding:2% 2% 2% 4%;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-11 .elementor-element.elementor-element-ea73521{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-579a043 > .elementor-widget-container{background-color:#FFFFFF;padding:2% 2% 2% 4%;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-11 .elementor-element.elementor-element-579a043{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-6473189 > .elementor-widget-container{background-color:#FFFFFF;padding:2% 2% 2% 4%;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-11 .elementor-element.elementor-element-6473189{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-d7c91dc > .elementor-widget-container{background-color:#FFFFFF;padding:2% 2% 2% 4%;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-11 .elementor-element.elementor-element-d7c91dc{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}.elementor-11 .elementor-element.elementor-element-b5c4e73 > .elementor-widget-container{background-color:#FFFFFF;padding:2% 2% 2% 4%;border-radius:14px 14px 14px 14px;box-shadow:1px 0px 10px 0px rgba(0, 0, 0, 0.25);}.elementor-11 .elementor-element.elementor-element-b5c4e73{text-align:start;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;line-height:28px;color:#22242B;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-51c3543{--content-width:960px;}.elementor-11 .elementor-element.elementor-element-0d11f8e{--content-width:960px;}.elementor-11 .elementor-element.elementor-element-6174427{--content-width:960px;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title{font-size:17px;line-height:28px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header{margin-left:14px;margin-right:14px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header{margin-left:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header{margin-right:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header{margin-top:14px;margin-bottom:14px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header{margin-top:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header{margin-bottom:0;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-30c9193 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header,.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.mobile-accordion .elementor-tab-mobile-title{font-size:14px;line-height:22px;padding:0px 0px 0px 0px;margin:0px 0px 20px 0px;}.elementor-11 .elementor-element.elementor-element-30c9193 .theplus-tabs-wrapper.elementor-tabs.nav-one-by-one ul.plus-tabs-nav li .elementor-tab-title{margin:0px 0px 20px 0px !important;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header{margin-left:6px;margin-right:6px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header{margin-left:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-horizontal .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header{margin-right:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav .plus-tab-header{margin-top:6px;margin-bottom:6px;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav li:first-child .plus-tab-header{margin-top:0;}.elementor-11 .elementor-element.elementor-element-30c9193.elementor-tabs-view-vertical .theplus-tabs-wrapper .plus-tabs-nav li:last-child .plus-tab-header{margin-bottom:0;}.elementor-11 .elementor-element.elementor-element-bfb4af1{--padding-top:4%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-51c3543{--padding-top:6%;--padding-bottom:1%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-7411b83.elementor-element{--align-self:center;}.elementor-11 .elementor-element.elementor-element-0d11f8e{--padding-top:8%;--padding-bottom:8%;--padding-left:0%;--padding-right:0%;}.elementor-11 .elementor-element.elementor-element-6174427{--padding-top:6%;--padding-bottom:6%;--padding-left:0%;--padding-right:0%;}}/* Start custom CSS for html, class: .elementor-element-cdc54b5 */:root {
  --blue: #007afe;
  --lightgray: #bdc0c8;
  --darkgray: #9b9b9b;
  --yellow: #f2c71a;
  --green: #00d957;
  --red: #da363c;
  --dark: #595959;
  --shadow: 0 4px 20px 3px rgba(31, 38, 135, 0.1);
  --rounded: 8px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

wordle-body {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  font-family: 'Montserrat', sans-serif;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

wordle-main {
  height: 100%;
  width: 100%;
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 26px;
}

/* -- Top Menu -- */

#menu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  gap: 20px;
}

#menu > .key {
  flex: 1;
  height: 30px;
  max-width: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow);
  background: var(--dark);
  border-radius: var(--rounded);
  border: none;
}

#new-word-icon {
  height: 20px;
  fill: white;
}

#give-up-icon {
  height: 20px;
  fill: white;
}

/* -- Guesses & Letters -- */

#entries {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}

.entry {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

.letter {
  width: 52px;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  font-weight: bold;
  box-shadow: var(--shadow);
  border-radius: var(--rounded);
  z-index: 10;
}

/* -- Keyboard Styles -- */

#keyboard {
  padding: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  gap: 6px;
}

.row {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
}

.key {
  flex: 1;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  background: white;
  box-shadow: var(--shadow);
  border-radius: var(--rounded);
  border: none;
  font-weight: bold;
  cursor: pointer;
  color: black;
  z-index: 10;
}

.key:active {
  filter: brightness(80%);
}

.letter-key {
  max-width: 36px;
}

.special-key {
  max-width: 102px;
  flex: 1.5;
}

#backspace {
  background: var(--lightgray);
}

#backspace-icon {
  fill: white;
  width: 26px;
}

#enter {
  background: var(--blue);
  color: white;
}

#enter-icon {
  fill: white;
  width: 20px;
}

/* -- Different types of letters + keys -- */

.empty {
  background: white;
}

.absent,
.wrong-position,
.correct {
  color: white;
}

.absent {
  background: var(--darkgray);
}

.wrong-position {
  background: var(--yellow);
}

.correct {
  background: var(--green);
}

/* -- Modal messages -- */

.modal {
  position: absolute;
  scale: 0;
  top: 33%;
  z-index: 20;
  width: 240px;
  height: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.2);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  font-weight: bold;
  font-size: 20px;
  color: white;
}

/* -- Overlay on Victory -- */

#overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  z-index: 19;
  background-color: black;
  opacity: 0;
  display: none;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-32e2637 */.elementor-11 .elementor-element.elementor-element-32e2637 .elementor-icon {
box-shadow: 14px 15px 50px -25px #000000;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-abf031d */.elementor-11 .elementor-element.elementor-element-abf031d .elementor-icon {
box-shadow: 14px 15px 50px -25px #000000;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-c498946 */.elementor-11 .elementor-element.elementor-element-c498946 .elementor-icon {
box-shadow: 14px 15px 50px -25px #000000;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-ea73521 */.rounded-square {
  width: 20px;
  height: 20px;
  background-color: #00d957;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-579a043 */.rounded-square {
  width: 20px;
  height: 20px;
  background-color: #00d957;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-6473189 */.rounded-square {
  width: 20px;
  height: 20px;
  background-color: #00d957;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-d7c91dc */.rounded-square {
  width: 20px;
  height: 20px;
  background-color: #00d957;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b5c4e73 */.rounded-square {
  width: 20px;
  height: 20px;
  background-color: #00d957;
  border-radius: 5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}/* End custom CSS */