header{margin:0;padding:0}.headerContainer{padding:10px 0;color:#000;background-color:#a6f4da}.headerContent{display:flex;justify-content:space-between;max-width:auto;margin:0 auto;padding:0 40px}.mainNav{align-self:flex-end}.mainNav button{background-color:#d8fff2;border:2px solid #ccc;border-radius:8px;padding:10px 20px;margin:0 5px;cursor:pointer;transition:background-color .3s,transform .1s}.mainNav button:hover{background-color:#3a9f7e}.mainNav button:active{transform:translateY(2px)}.mainNav button.active{background-color:#3bcd9c;color:#fff}.aboutMe{display:flex;flex-direction:row;align-items:center}.leftBox{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:2rem}.rightBox{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem}.projectBox{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:10px}.projectBox div{display:flex;flex-direction:column;align-items:center}.projectsDiv{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:10px}.projectsDiv div{display:flex;align-items:center}.contact-box{display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-form{display:flex;flex-direction:column;width:70%}label{align-self:center;margin-top:6px}.labelTA{align-self:flex-start}input{align-self:center;padding:.4rem;margin-bottom:2rem;width:40%}textarea{padding:.4rem;height:10rem;margin-bottom:2rem;width:100%}.submit{align-self:center;padding:.4rem;margin-bottom:2rem;width:40%}span{display:flex;justify-content:center;color:red;padding:5px}.resumeBox,.resumeContent{display:flex;flex-direction:column;align-items:center}footer{display:flex;flex-direction:row;justify-content:center}main{color:black,}body{color:#000;font-family:Roboto Flex,sans-serif;background-color:#d8fff2;margin:0}