html{scroll-behavior:smooth}body,html{margin:0 auto;padding:0;height:100%;max-width:1400px;font-family:Arial,sans-serif;background-color:#f0f8ff;color:#333}header{text-align:center}.csccontainer{display:flex;min-height:100vh}.cscleft-column{width:250px;background-color:#ff69b4;color:#fff;padding:20px;box-shadow:2px 0 5px rgba(0,0,0,.1)}.cscsite-name{font-size:1.5rem;font-weight:700;margin-bottom:20px;text-align:center}.menu{display:flex;flex-direction:column}.menu a{color:#fff;text-decoration:none;padding:10px;margin:5px 0;border-radius:5px;transition:background-color .3s ease}.menu a:hover{background-color:#ff1493}.cscright-column{flex:1;display:flex;flex-direction:column;padding:20px;background-color:#f0f8ff}.csccontent{flex:1;margin-top:50px}h1{font-size:2.5rem;color:#ff69b4;margin-top:0;text-align:center}h2{font-size:2rem;color:#ff69b4;text-align:center}h3{font-size:1.75rem;color:#ff69b4}h4{font-size:1.5rem;color:#ff69b4}p{font-size:1.2rem;line-height:1.6}a{text-decoration:none;transition:all .3s ease}a:hover{color:#fff}ol,ul{font-size:1.2rem;margin:20px 0;padding-left:20px}li{margin:10px 0}button{padding:10px 20px;font-size:1rem;background-color:#ff69b4;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#ff1493}table{width:100%;border-collapse:collapse;margin:20px 0}td,th{padding:10px;border:1px solid #ff69b4;text-align:left}th{background-color:#ff69b4;color:#fff}img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}.menu-icon{display:none;font-size:1.5rem;cursor:pointer}@media (max-width:768px){.csccontainer{flex-direction:column}.cscleft-column{width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center}.cscsite-name{margin-bottom:0}.menu{display:none;flex-direction:column;width:100%;background-color:#ff69b4;position:absolute;top:60px;left:0;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1);z-index:1000}.menu.active{display:flex}.menu-icon{display:block;padding-right:20px}.cscright-column{padding-right:15px}}.footer-menu{margin-bottom:10px;color:#fff}.footer-menu a{color:#fff;text-decoration:none}.footer-menu a:hover{color:#d3d3d3}footer{text-align:center;padding:5px;background-color:#ff69b4;color:#fff;margin-top:auto}