* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
}

body {
  background-color: black;
  color: white;
  line-height: 1.4;
}

.maintitle {
  font-size: 60px;
  font-family: Arial, Helvetica, sans-serif;
  background: #020024;
  background: linear-gradient(
    90deg,
    rgba(2, 0, 36, 1) 8%,
    rgba(9, 9, 121, 1) 34%,
    rgba(0, 212, 255, 1) 100%
  );
  color: transparent;
  text-align: center;
  background-clip: text;
}

.navlist {
  list-style: none;
}

.navtext {
  text-decoration: none;
  color: black;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 20px;
}

nav {
  border: 2px solid dimgray;
  width: 800px;
  border-radius: 40px;
  background-color: aquamarine;
  margin: 10px auto;
}

.navlist {
  display: inline;
  padding: 23px;
  font-weight: 700;
  font-size: 25px;
}

.navunlist {
  padding: 15px;
}

.hero {
  width: 100%;
}

.mainpara {
  text-align: center;
  font-size: 20px;
  color: aquamarine;
}

section,
footer {
  width: 80%;
  border: 2px solid rgb(6, 223, 238);
  margin: 10px auto;
  padding: 20px;
  border-radius: 10px;
  background-color: rgb(13, 4, 51);
}
section:hover,
footer:hover {
  box-shadow: 10px 15px 25px rgb(40, 226, 204),
    -10px -15px 25px rgba(107, 246, 92, 0.869);
  cursor: pointer;
}

.sectionhead {
  color: rgb(244, 244, 80);
  font-weight: 800;
}

#githublink {
  text-decoration: none;
  color: rgb(18, 14, 77);
  border: 2px solid rgb(251, 251, 105);
  border-radius: 5px;
  background-color: white;
}
#skills {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}
h3 {
  color: #a09bfb;
}

#pro1 {
  border: 2px solid yellow;
  text-decoration: none;
}