body{background-color:#d3d0c9;font-family:Tahoma,sans-serif;height:100vh;margin:0;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;height:100vh}.App,header{display:flex}header{align-items:center;background-image:linear-gradient(90deg,blue,#fff);color:#fff;flex-shrink:0;font-family:Trebuchet MS,sans-serif;justify-content:space-between;margin:.2rem}header h1{font-size:1.5rem;font-weight:900;margin:.2rem}header>div{margin-right:.4rem}button{background-color:#d3d0c9;border-color:#fff #000 #000 #fff;border-radius:0;border-style:solid;border-width:2px;cursor:pointer;font-family:Trebuchet MS,sans-serif;font-size:1rem;font-weight:700;margin:1px}.action-area{display:flex;justify-content:space-between;margin:.5rem 1rem 0}input,textarea{background-color:#fff;border-color:#fff #000 #000 #fff;border-radius:0;border-style:solid;border-width:2px;font-family:Trebuchet MS,sans-serif;font-size:1rem;margin:1px}input:focus,textarea:focus{outline:none}nav{margin:.5rem 1rem 0}nav a{background-color:#d3d0c9;border:2px solid #fff;border-bottom:none;border-right-color:#000;color:#000;display:inline-block;font-family:Trebuchet MS,sans-serif;font-size:1rem;padding:0 .2rem;text-decoration:none}.pageSelected{transform:translateY(2px)}main{border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;box-sizing:border-box;flex-grow:1;margin:0 1rem 1rem;overflow-y:auto;padding:.5rem 1rem 1rem}main:has(form){margin-top:1rem}.createYap{background-color:#32cd32;color:#fff}.createYap:hover{background-color:green}.yap{border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;margin:.5rem 0;padding:.5rem}.yap-header{align-items:center;display:flex}.yap-header h2{font-size:1rem;margin:0 .2rem 0 0}.yap-header p{color:#6d6c69;margin:0 .2rem}.yap p{margin:.3rem}.closePopup:hover,.logoutBtn:hover{background-color:red;color:#fff}.infoBtn:hover{background-color:blue;color:#fff}.searchBtn{image-rendering:pixelated}.searchBtn:hover{background-color:orange}.overlay{align-items:center;background-color:#00000080;display:none;justify-content:center;z-index:1}.overlay,.overlayCloser{height:100%;left:0;position:fixed;top:0;width:100%}.popup{background-color:#d3d0c9;border-color:#fff #000 #000 #fff;border-style:solid;border-width:2px;box-shadow:0 0 10px 0 #0000001a;display:block;padding:.2rem;width:300px;z-index:2}.popupHeader{align-items:center;background-image:linear-gradient(90deg,blue,#fff);display:flex;justify-content:space-between;padding:.1rem}.popupHeader h2{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 0 .2rem}.createYapForm{display:flex;flex-direction:column;padding:.5rem}.createYapForm label{margin:.2rem 0}.createYapForm textarea{height:7rem;resize:vertical}.createYapForm button{background-color:#32cd32;color:#fff;margin-top:.5rem}.createYapForm button:hover{background-color:green}.loginForm,.registerForm{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:.5rem;width:20rem}.loginForm button,.registerForm button{margin-top:.5rem}.loginForm button:hover,.registerForm button:hover{background-color:#b4afa3}.loginForm div,.registerForm div{display:flex;flex-direction:column;width:100%}.authTitle{font-size:1.5rem;font-weight:600;margin:1rem .5rem .5rem;text-align:center}.logregText{font-size:1rem;margin:.5rem;text-align:center}.logregText a{color:#466fc8;font-size:1rem;padding:.2rem .5rem}.char-counter{font-size:.8rem;margin-top:.3rem;text-align:right}#charCount{font-weight:700}.deleteYap{background-color:red;color:#fff}.editYap{background-color:#00bfff}.deleteYap:hover{background-color:darkred}.editYap:hover{background-color:#0080ff}body ::-webkit-scrollbar{background:none;height:16px;width:16px}body ::-webkit-scrollbar-thumb:active{background:#c7c3b9}body ::-webkit-scrollbar-button,body ::-webkit-scrollbar-thumb{background:#d3d0c9;border-color:#fff #000 #000 #fff;border-style:solid;border-width:1px;height:16px;width:16px}body ::-webkit-scrollbar-track{background-color:#c7c3b9;background-position:0 0;background-repeat:repeat;background-size:2px;image-rendering:optimizeSpeed;image-rendering:pixelated;image-rendering:optimize-contrast}body ::-webkit-scrollbar-button{background-repeat:no-repeat;background-size:16px}body ::-webkit-scrollbar-button:active{background-color:#c7c3b9}body ::-webkit-scrollbar-button:single-button:vertical:decrement{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik03IDVoMU02IDZoM001IDdoNU00IDhoNyIvPjwvc3ZnPg==)}body ::-webkit-scrollbar-button:single-button:vertical:increment{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik00IDVoN001IDZoNU02IDdoM003IDhoMSIvPjwvc3ZnPg==)}body ::-webkit-scrollbar-button:single-button:horizontal:decrement{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik04IDNoMU03IDRoMk02IDVoM001IDZoNE02IDdoM003IDhoMk04IDloMSIvPjwvc3ZnPg==)}body ::-webkit-scrollbar-button:single-button:horizontal:increment{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTAuNSAxNiAxNiIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIj48cGF0aCBzdHJva2U9IiMwMDAiIGQ9Ik02IDNoMU02IDRoMk02IDVoM002IDZoNE02IDdoM002IDhoMk02IDloMSIvPjwvc3ZnPg==)}body ::-webkit-scrollbar-corner{background:#c7c3b9}
/*# sourceMappingURL=main.3b05ef23.css.map*/