.header{background:#727272;text-align:center;padding:20px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.header .logo{display:block;margin-bottom:10px}.header nav{display:flex;justify-content:center;align-items:center;gap:10px}.header nav button{padding:10px 20px;background:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .2s,color .2s;text-align:center}.header nav button:last-child{margin-right:0}.header nav button:hover{background:#0078d7;color:#fff}.footer{background:#727272;text-align:center;padding:20px;margin:0}.footer nav button{padding:10px 20px;margin:0 5px;background:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background .2s,color .2s}.footer nav button:hover{background:#0078d7;color:#fff}.footer p{margin:10px 0 0;color:#fff}.home-body{font-family:Arial;background:#f2f2f2;margin:0}.hero-section,.home-body .hero-section,.home-body .main-content{min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card{background:#768db2;margin:10px auto;width:60%;border-radius:10px;box-shadow:0 0 10px #000;padding:20px;max-width:500px;transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:0 4px 16px #000;transform:translateY(-2px) scale(1.02)}nav button{padding:10px 20px;margin:0 5px}nav button:last-child{margin-right:0}.about-body .content{padding:20px;min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about-body{font-family:Arial;background:#f4f2f2;margin:0}.content{padding:40px;text-align:center}.services-body{font-family:Arial;background:#e5e5e5;margin:0}.services-body .services{text-align:center;padding:40px 20px;min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.services{text-align:center;padding:40px 20px}.service-card{background:#768db2;padding:20px;margin:10px auto;width:60%;border-radius:10px;box-shadow:0 0 10px #999;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 4px 16px #0078d799;transform:translateY(-2px) scale(1.02)}.contact-body{font-family:Arial;margin:0;background-color:#f4f4f4}.contact-body .contact{padding:20px;min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.contact{padding:40px;text-align:center}.contact form{display:inline-block;background:#768db2;padding:20px;border-radius:10px;box-shadow:0 2px 8px #000}input,textarea{display:block;margin:10px 0;width:300px;padding:10px}.learned-body{font-family:Arial;background:#f5f3f3;margin:0}.learned-body .week-section{background:#768db2;margin:20px auto;padding:30px;border-radius:200px;max-width:550px;box-shadow:0 2px 8px #000;min-height:10vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.week-section,.service-card{margin:20px auto;padding:20px;border-radius:8px;max-width:500px;box-shadow:0 2px 8px #0001;display:flex;flex-direction:column;align-items:center;justify-content:center}ul{text-align:left;display:inline-block}button,input[type=submit]{background:#333;color:#fff;border:none;padding:10px 30px;border-radius:5px;cursor:pointer;transition:background .2s,color .2s}button:hover,input[type=submit]:hover{background:#0078d7;color:#fff}