/* Reset CSS */
/* Sameer Ahmed Awaji 2140332 */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  list-style: none;
}

/* Body and Page Structure */
html,
body {
  background-color: #D9B79A;
  color: #402116;
  margin: 0;
}

header {
  padding: 1%;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 600;
}

/* Section Styles */
#info,
#aboutMe,
#softSkills,
#programmingSkills,
#education,
#certifications,
#contactForm {
  width: 100%;
  padding-top: 15%;
  padding-bottom: 15%;
  padding-left: 5%;
  padding-right: 5%;
  border-bottom: 3px dotted #402116;
  font-size: 2rem;
}

/* Navigation Styles */
#navBox {
  padding: 1%;
  background-color: #402116;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

#navBox ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navBox ul li {
  color: #333;
  background-color: #D9B79A;
  float: left;
  padding: 1%;
  margin: 0.5%;
  border-radius: 5px;
  transition: 0.5s;
}

#navBox ul li a {
  text-decoration: none;
  background-color: #D9B79A;
  color: #402116;
}

#navBox ul li a:hover {
  text-decoration: underline solid #575922;
  color: #575922;
}

/* Content Styles */
#contentBox {
  width: 100%;
  padding: 1%;
  margin-top: 12%;
}

#contentBox .name {
  text-align: center;
  border-bottom: 3px dotted #402116;
}

#contentBox .name h2 {
  color: #82632E;
}

#contentBox h1,
#contentBox h2 {
  text-align: center;
  font-size: 4rem;
  margin-bottom: 1%;
}

/* Education List Styles */
#education ol li {
  list-style-type: upper-roman;
}

/* Table Styles */
table {
  width: 100%;
  margin-top: 5%;
}

table th,
table td {
  padding: 2%;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  border: 1px solid #402116;
  border-collapse: collapse;
}

table th {
  background-color: #402116;
  color: #D9B79A;
}

/* Link Styles */
a {
  text-decoration: underline solid #4021167e;
  color: #402116;
}

a:hover {
  text-decoration: underline solid #575922;
  color: #575922;
}

/* Contact Form Styles */
#contactForm {
  width: 100%;
  padding: 5%;
  border-bottom: 3px dotted #402116;
}

#contactForm h2 {
  text-align: center;
  font-size: 3.5rem;
  margin-bottom: 1%;
}

#contactForm form {
  text-align: center;
}

#contactForm label {
  display: block;
  font-size: 2rem;
  margin-top: 10px;
}

#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm textarea {
  width: 100%;
  padding: 10px;
  margin-top: 5px;
  border: 1px solid #402116;
  border-radius: 5px;
}

#contactForm textarea {
  height: 150px;
  /* Adjust as needed */
}

#contactForm input[type="submit"] {
  background-color: #402116;
  color: #D9B79A;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 15px;
  font-size: 2rem;
}

#contactForm input[type="submit"]:hover {
  background-color: #575922;
}