:root{--background:#fff;--foreground:#171717}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}.Bar{background-color:#28887a;height:10%;padding:10px}.navbar{justify-content:space-between;padding:10px 20px;background-color:#fff;color:#000}.navbar,.navbarLeft,.navbarMiddle,.navbarRight{display:flex;align-items:center}.navbarButton{background-color:#28887a;color:#fff;border:none;padding:10px 15px;cursor:pointer}.navbarButton:hover{background-color:#1f6b5e}.navbarName{font-weight:700}.navbarMiddle a{margin:0 15px;color:#000;text-decoration:none}.navbarMiddle a:hover{text-decoration:underline}.containerNav{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:60vh;background-color:#ffd476;overflow:hidden}.semicircle{position:absolute;top:0;right:0;width:30vw;height:60vh;background-color:#fff;border-radius:200px 0 0 200px}.circle{right:20%;width:200px;height:200px;background-color:#ffd476;border-radius:100%}.circle,.contText{position:absolute;top:25%}.contText{right:50%}.aboutHead{font-family:Times New Roman,Times,serif;font-size:xx-large}.capsule{width:8vw;height:35vh;background-color:#e0e3e1;border-radius:50px;position:absolute;top:5%;left:10%}.email-form{display:flex;position:relative;align-items:center;top:30%;left:60%}.email-input{padding:10px;font-size:16px;border:1px solid #ccc;flex:1 1}.email-button{padding:10px 15px;font-size:16px;color:#fff;background-color:#000;border:none;cursor:pointer}.card{border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden;max-width:300px;margin:20px;transition:transform .2s}.card:hover{transform:scale(1.05)}.card-image{width:70%;height:auto}.card-content{padding:16px}.card-title{font-size:1em;margin:0 0 10px}.card-description{font-size:1em;color:gray;margin:0 0 20px}.rectangle{width:"100%";height:100vh;position:relative;overflow:hidden}.quarter-circle{width:100%;height:150px;background-color:#ffd476;border-bottom-left-radius:90px;position:relative;top:0;left:0;margin-left:2px}.contactContainer{max-width:600px;margin:20px auto 0;padding:20px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#fff}.contactTitle{text-align:center;color:#333;margin-bottom:20px}.contactForm{display:flex;flex-direction:column}.contactLabel{margin:10px 0 5px;font-weight:700;color:#555}.contactInput{padding:12px;margin-bottom:15px;margin-left:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;transition:border-color .3s}.contactInput:focus{border-color:#0070f3;outline:none}.contactButton{padding:12px;margin-top:10px;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;width:10vw;transition:background-color .3s,transform .2s}.contactButton:hover{background-color:#005bb5;transform:translateY(-1px)}.contactButton:active{transform:translateY(0)}.successMessage{color:#28a745}.errorMessage,.successMessage{text-align:center;margin-top:15px}.errorMessage{color:#dc3545}.footer{background-color:#333;color:#fff;padding:20px;text-align:center}.footerContainer{max-width:1200px;margin:0 auto}.footerTitle{margin-bottom:20px;font-size:24px}.linkList{list-style-type:none;padding:0}.linkItem{margin:10px 0}.link{color:#fff;text-decoration:none}.link:hover{text-decoration:underline}