body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
      margin: 0;
      padding: 0;
      line-height: 1.6;
      color:black;
      background: #ffffff;
    }

    header {
      background: #0f172a;
      color: #ffffff;
      padding: 2.5rem 1.5rem;
      text-align: center;
    }

    main {
      max-width: 960px;
      margin:auto;
      padding: 2rem 1.5rem;
    }
    section {
      margin-bottom: 3rem;
    }

    h1, h2, h3 {
      line-height: 1.3;
    }

    h1 {
      font-size: 2.2rem;
      margin-bottom: 1rem;
    }

    h2 {
      font-size: 1.6rem;
      margin-bottom: 0.75rem;
    }
#head1{
  color:lime;
}
    #p1 {
      max-width: 800px;
      color:white;
      margin-left:15vw;
    }
#span1,#span3{
  color:blue;
  font-size:5vw;
}
#val1,#val2,#val3,#val4,#val5,#val6,#val7,#val8{
  color:blue;
}
#main-heading{
  text-align: center;
  text-decoration:underline;
  text-decoration-color:black;
  text-decoration-thickness:2px;
}
#btn{
  position:relative;
  bottom:0.5vw;
font-size:2.5vw;
  border:0.5vw solid red;
  border-radius: 50%;
  background-color: black;
  animation:anim1 ease 1s infinite;
}
@keyframes anim1 {
  0%{
    border-color:red;
  }
  50%{
    border-color:cyan;
  }
  100%{
    border-color:yellow;
  }
}
#span2{
  color:white;
  font-size:2.5vw;
  font-weight: bolder;
}
/*#parA,#parB,#par1,#par2,#par3,#par4,#par5,#par6,#par7,#par8{
  color:white;
}*/
#subhead{
  color:black;
  text-align: center;
  text-decoration:underline;
  text-decoration-color:red;
}
#subhead2{
  color:black;
  text-decoration:underline;
  text-decoration-color:red;
}
#myLink{
  color:blue;
}
#span4{
  font-size:4vw;
}
#span5,#span6,#span7,#span8,#span9,#span10{
  font-weight: bolder;
  color:green;
  font-size:25px;
  font-weight: bolder;
}
#btn1,#btn4{
  background-color: black;
  color:white;
  border:2px solid magenta;
  font-weight: bolder;
  border-radius:50%;
  width:25px;
  height:25px;
}
#btn2,#btn3{
  position: relative;
  background-color: black;
  color:white;
  border:2px solid magenta;
  font-weight: bolder;
  border-radius:50%;
  width:25px;
  height:25px;
}
#btn5,#btn6{
  background-color: black;
  color:white;
  border:2px solid magenta;
  font-weight: bolder;
  width:40px;
  height:30px;
  border-radius:25%;
}
#style1,#style2,#style3,#style4,#style5,#style6{
  color:red;
}
#txt{
  font-size:60%;
  position:absolute;
  top:25%;
  bottom:25%;
  right:3px;
  left:3px;
}
#txt1{
  position:absolute;
  bottom:3px;
 right:3px;
  left:3px;
}
#txt3{
  font-size:15px;
  color:red;
}
#main2{
  max-width:800px;margin:auto;padding:2rem;font-family:Arial, sans-serif;
}
#main3{
  max-width:800px;margin:auto;padding:2rem;font-family:Arial, sans-serif;
}
#main4{
  max-width:800px;margin:auto;padding:2rem;font-family:Arial, sans-serif;
}
#main5{
  max-width:800px;margin:auto;padding:2rem;font-family:Arial, sans-serif;
}
#mainHead{
  color:red;
}
#myEmail{
  color: blue;
}
 footer {
      background:gray;
      padding: 2rem 1.5rem;
      width:100%;
      text-align: center;
    }

    footer nav a {
      margin: 0 0.75rem;
      color: #0f172a;
      text-decoration: none;
      font-weight: 500;
    }

    footer nav a:hover {
      text-decoration: underline;
    }
#myfooter{
  margin-top:1rem;font-size:0.9rem;
}