body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Arial,sans-serif;margin:0;padding:0}.app-container{height:100vh;margin:0 auto;max-width:100%;padding:20px}.header{padding:20px 0;text-align:center}.header h1{font-size:24px;margin:0}.project-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.project-button{align-items:center;background-color:#f0f0f0;border-radius:8px;color:#333;display:flex;font-size:18px;height:120px;justify-content:center;text-decoration:none;transition:background-color .2s ease}.project-button:hover{background-color:#ddd}.title-link{color:#007bff;cursor:pointer;text-decoration:none}.title-link:hover{text-decoration:underline}@media (max-width:480px){.header{margin-right:20px;max-width:calc(100% - 40px)}}.page-container{background-color:#e0fcfa;color:#333;display:flex;margin:0 auto;max-width:100%}.sidebar{background-color:#0788aa;border-radius:10px;flex:0 0 200px;height:100vh;overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:1px}.sidebar h3{margin-bottom:10px}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar li{margin-bottom:5px}.sidebar a{color:#333;text-decoration:none;transition:color .2s ease}.sidebar a:hover{color:#007bff}.sidebar button{background-color:#24bfcb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;margin-bottom:10px;padding:10px 20px;transition:background-color .3s,-webkit-transform .2s;transition:background-color .3s,transform .2s;transition:background-color .3s,transform .2s,-webkit-transform .2s;width:100%}.sidebar button:hover{background-color:#35c7d8;-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebar button:active{background-color:#0788aa;-webkit-transform:scale(.95);transform:scale(.95)}.main-content{flex:1 1;margin:0 auto;max-width:900px;overflow-wrap:break-word;padding:0 20px 20px}.main-content h1{font-size:28px;margin-bottom:20px}.main-content p{line-height:1.6}hr{border:1px solid #35c7d8}@media (max-width:768px){.sidebar{display:none}}@media (max-width:480px){.main-content{margin-right:20px;max-width:calc(100% - 40px)}}
/*# sourceMappingURL=main.70210ad4.css.map*/