body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box}.wrapper{overflow:auto}header{background-color:#f4f4f4;padding:20px;text-align:left}#leftsidebar{width:30%;float:left;background-color:#cdf0f6;padding:10px;height:100vh}#menulist{list-style-type:none;padding:0;margin:0}.menuitem{background:#cdf0f6;border:1px solid #d4d4d4;border-radius:4px;margin:4px;padding:55px}.menuitem a{text-decoration:none;color:#000;display:block}#main{margin-left:35%;padding:20px;background-color:#fff;height:100vh}@media (max-width: 750px){header{text-align:center}#leftsidebar{width:100%;float:none;padding:0;height:0}#menulist{display:flex;justify-content:space-around}.menuitem{flex:1;text-align:center;margin:0;padding:10px}#main{margin-left:0;width:100%}}footer{background-color:#333;color:#fff;text-align:center;padding:10px;height:100}img{max-width:50%;height:50%}section h2{margin-top:20px;font-size:24px}section input{width:200px;padding:10px;margin:10px 0;font-size:18px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px #0000001a}section button{padding:10px 20px;margin:10px 5px;font-size:18px;background-color:orange;color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}section button:hover{background-color:#45a049}section button:active{background-color:#3e8e41;transform:translateY(2px)}section h3{margin-top:20px;font-size:20px;color:#333;font-weight:700}section{text-align:center;margin-top:40px}@media (max-width: 750px){section input{width:100%;font-size:16px}section button{width:100%;margin:5px 0}}