:root{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{display:block;max-width:100%}body,html{overflow-x:hidden}@media screen and (max-width: 600px){.input-field{width:260px;height:90px}input:focus{font-size:16px}.board-box{max-width:90%;margin:5px;padding:5px}form{display:flex;flex-direction:column}.posts-container{padding:0;max-width:100%}.post-box{width:90%;margin:5px;padding:5px}}@media screen and (min-width: 501px) and (max-width: 1024px){.input-field{width:70%;height:70px}.board-box{max-width:70%;margin:5px;padding:5px;gap:5px}form{display:flex;flex-direction:column}.wall-form{align-items:center;max-width:100%}.posts-container{padding:0;max-width:90%}.post-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-box{width:70%;margin:5px;padding:5px}}@media screen and (min-width: 1025px){.board-box{max-width:40%}.input-field{width:60%;height:70px}form{display:flex;flex-direction:column}.wall-form{align-items:center;max-width:100%}.posts-container{padding:0;max-width:100%}.post-info{display:flex;align-items:center;justify-content:space-between;gap:10px}.post-box{width:40%;margin:5px;padding:5px}}body{font-family:Courier,monospace;background-color:#9fd3c7}h1,h2,h3,h4,p,code{font-family:Courier,monospace;color:#142d4c}h1,h2,h3,h4,p{font-family:Courier,monospace;text-align:center}.header{text-align:center}.board-box{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#8fbfb4;border:1px solid black;box-shadow:10px 5px;margin:0 auto}form{display:flex;flex-direction:column;width:100%;align-items:center;margin-top:0;padding:0}.input-field{box-sizing:border-box;text-align:center;background-color:#ececec;resize:none;font-size:16px;padding:5px}.input-field::placeholder{text-align:center;background-color:#ececec;font-size:16px}.submit-button{all:unset;font-family:Courier,monospace;width:100px;height:20px;padding:10px;margin:5px;font-size:16px;cursor:pointer;text-align:center;background-color:#ececec;border-radius:20px;transition:background-color .1s ease,color .1s ease}.submit-button:hover{background-color:#385170;color:#ececec}.posts-container{display:flex;flex-direction:column;gap:10px;margin:0 auto}.post-box{background-color:#9fd3c7;border:1px solid black;box-shadow:10px 5px;gap:10px;margin:0 auto 15px}.post-text{margin:15px;word-break:break-word}.like-container{display:flex;flex-direction:row;align-items:center;gap:10px;margin:10px}.like-button{min-width:44px;min-height:44px;border:2px solid;border-color:#385170;border-radius:50%;background:#ececec;color:#385170;border:none;font-family:Courier,monospace;cursor:pointer;transition:background-color .3s ease,color .3s ease}.like-button:focus{outline:1px solid #000;outline-offset:2px}.heart-icon{font-size:24px}.notLikedClass{color:#4d4d4d;border:1px solid;border-color:#385170;border-radius:50%}.likedClass{border:1px solid;border-color:#385170;background-color:pink;color:red}.post-timestamp{font-size:12px;font-style:italic;color:#142d4c;margin:10px}.loader{width:16px;margin-top:6px;aspect-ratio:4;color:#385170;background:radial-gradient(circle closest-side,#385170 90%,#0000) 0/calc(100%/3) 100% space;clip-path:inset(0 100% 0 0);animation:l1 1s steps(4) infinite}@keyframes l1{to{clip-path:inset(0 -34% 0 0)}}.loader-container{display:flex;align-items:center;justify-content:center;gap:2px;padding:5px;color:#385170;font-size:18px}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;margin-bottom:10px;padding:20px;color:#385170}.footer-content{display:flex;align-items:center;min-width:44px;min-height:44px}.footer-logo{width:30px;margin-right:5px;color:#385170}.footer a{color:#385170;text-decoration:none;font-size:16px;transition:color .3s ease}.footer a:hover{font-weight:700;font-size:20px;text-shadow:#142d4c}.footer-copyright{margin-top:0;font-size:14px}