:root{--primary-blue: #5EBED8;--light-background: #F5F5F0;--dark-blue: #0E1E31}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;margin:0;padding:0}header{flex-shrink:0}main{flex-grow:1;margin:0}footer{flex-shrink:0}body{background-color:var(--light-background);font-family:Arial,sans-serif;color:var(--dark-blue)}.landing-page{display:flex;flex-direction:column;min-height:100vh}.landing-page>section{flex-grow:1}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:var(--dark-blue)}.logo{height:50px}nav a{color:var(--light-background);text-decoration:none;margin-right:20px;font-size:16px;cursor:pointer}nav a:hover{text-decoration:underline}.dotted-background{background-color:var(--primary-blue);background-image:radial-gradient(white 1px,transparent 1px);background-size:20px 20px;background-position:0 0}footer{background-color:var(--dark-blue);padding:20px;text-align:center;color:#fff;margin:0}@media (max-width: 768px){header{flex-direction:column}nav a{font-size:14px;margin-right:10px}section.doctor{flex-direction:column;text-align:center}.doctor-image-container{margin-top:20px;width:200px;height:200px}.subscribe-btn{margin-top:20px}}