@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wp-block-navigation{position:relative;--navigation-layout-justification-setting:flex-start;--navigation-layout-direction:row;--navigation-layout-wrap:wrap;--navigation-layout-justify:flex-start;--navigation-layout-align:center}.wp-block-navigation ul{margin-bottom:0;margin-left:0;margin-top:0}.wp-block-navigation ul,.wp-block-navigation ul li{list-style:none;padding:0}.wp-block-navigation .wp-block-navigation-item{align-items:center;background-color:inherit;display:flex;position:relative}.wp-block-navigation .wp-block-navigation-item__content{display:block}.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content{color:inherit}.wp-block-navigation :where(a),.wp-block-navigation :where(a:active),.wp-block-navigation :where(a:focus){text-decoration:none}.wp-block-navigation .wp-block-navigation__submenu-icon{align-self:center;background-color:inherit;border:0;color:currentColor;display:inline-block;font-size:inherit;height:.6em;line-height:0;margin-left:.25em;padding:0;width:.6em}.wp-block-navigation .wp-block-navigation__submenu-icon svg{display:inline-block;stroke:currentColor;height:inherit;margin-top:.075em;width:inherit}.wp-block-navigation.items-justified-right{--navigation-layout-justification-setting:flex-end;--navigation-layout-justify:flex-end}.wp-block-navigation .has-child .wp-block-navigation__submenu-container{align-items:normal;background-color:inherit;color:inherit;display:flex;flex-direction:column;height:0;left:-1px;opacity:0;overflow:hidden;position:absolute;top:100%;visibility:hidden;width:0;z-index:2}@media not (prefers-reduced-motion){.wp-block-navigation .has-child .wp-block-navigation__submenu-container{transition:opacity .1s linear}}.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content{display:flex;flex-grow:1}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation-item__content{margin:0}@media (min-width:782px){.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:100%;top:-1px}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{background:#0000;content:"";display:block;height:100%;position:absolute;right:100%;width:.5em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon{margin-right:.25em}.wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon svg{transform:rotate(-90deg)}}.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container{height:auto;min-width:200px;opacity:1;overflow:visible;visibility:visible;width:auto}.wp-block-navigation-submenu{display:flex;position:relative}.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{stroke:currentColor}.wp-block-navigation-submenu__toggle{cursor:pointer}.wp-block-navigation__container{gap:inherit;align-items:var(--navigation-layout-align,initial);display:flex;flex-direction:var(--navigation-layout-direction,initial);flex-wrap:var(--navigation-layout-wrap,wrap);justify-content:var(--navigation-layout-justify,initial);list-style:none;margin:0;padding-left:0}:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)){padding:.5em 1em}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container{left:auto;right:0}.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:-1px;right:-1px}@media (min-width:782px){.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{left:auto;right:100%}}.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{background-color:#fff;border:1px solid #00000026}.wp-block-navigation:not(.has-text-color) .wp-block-navigation__submenu-container{color:#000}.wp-block-navigation__container:only-child{flex-grow:1}body{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;line-height:1.6;background-color:#f4f1eb}.container{background-color:#fff;padding:20px;border-radius:10px;max-width:1250px;margin:10px auto;box-shadow:0 4px 8px rgb(0 0 0/.1)}label{font-size:16px;color:#5f4b3a;font-weight:500;display:block;margin-bottom:8px}input,select,textarea{padding:14px;font-size:16px;border-radius:8px;border:1px solid #d0b79b;background-color:#f8f4eb;box-sizing:border-box;transition:all .3s ease}button,input,select,textarea{width:100%;margin:8px 0}input:focus,select:focus,textarea:focus{border-color:#8e6a42;background-color:#fff;outline:0}textarea{height:300px;font-family:"Courier New",Courier,monospace}#result,button{border-radius:8px;box-sizing:border-box}button{color:#fff;border:0;padding:16px;font-size:18px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;margin-top:20px;background-color:brown}button:hover{background-color:#704c29;transform:translateY(-2px)}#result{margin-top:5px;padding:8px;background-color:#e1f7d5;border:2px solid #4caf50;font-weight:700;color:#28a745;display:block;animation:fadeIn .5s ease-out}input[type=text]{width:100%;padding:8px;border:1px solid #d0b79b;border-radius:4px;text-align:center}h1{font-size:24px;text-align:center;color:#333;margin-bottom:20px}form{display:flex;flex-direction:column}@media print{.container>h2{display:none}}@media (max-width:768px){.container{padding:15px}h2{font-size:24px}button,input,label,select,textarea{font-size:15px;padding:12px}}@media (max-width:480px){.container{width:100%;padding:10px}button{padding:14px;font-size:16px}}