h1 {
  text-align: center;
  color: SandyBrown;
  background-color: SaddleBrown;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 29;
  letter-spacing: -1.6;
  word-spacing: -2;
  font-weight: 700;
  text-decoration: none solid rgb(68, 68, 68);
  font-style: normal;
  font-variant: small-caps;
  text-transform: capitalize;
  text-shadow: 2px 5px 6px rgba(255, 251, 0, 0.98);
}
body {
  background: #ff6f02;
  background: -moz-linear-gradient(top, #ff6f02 0%, #ffc684 48%, #ffe207 100%);
  background: -webkit-linear-gradient(
    top,
    #ff6f02 0%,
    #ffc684 48%,
    #ffe207 100%
  );
  background: linear-gradient(to bottom, #ff6f02 0%, #ffc684 48%, #ffe207 100%);
}
h2 {
  color: #673f05;
  color: -moz-radial-gradient(center, #673f05 0%, #743d0b 28%, #e18e08 100%);
  color: -webkit-radial-gradient(center, #673f05 0%, #743d0b 28%, #e18e08 100%);
  color: radial-gradient(
    ellipse at center,
    #673f05 0%,
    #743d0b 28%,
    #e18e08 100%
  );
  background: #ffb200;
  background: -moz-radial-gradient(
    center,
    #ffb200 0%,
    #ffd600 28%,
    #ffb700 100%
  );
  background: -webkit-radial-gradient(
    center,
    #ffb200 0%,
    #ffd600 28%,
    #ffb700 100%
  );
  background: radial-gradient(
    ellipse at center,
    #ffb200 0%,
    #ffd600 28%,
    #ffb700 100%
  );
  text-shadow: 2px 5px 6px #875104;
}
.intro {
  color: #131313;
  letter-spacing: 0.15em;
  text-shadow: 1px -1px 0 yellow, -1px 2px 1px brown, -2px 4px 1px #ff9907,
    -3px 6px 1px #ff9800, -4px 8px 1px #ff8888;
  background-color: rgba(208, 228, 245, 0.37);
  background-image: url("https://static.vecteezy.com/system/resources/previews/007/484/569/non_2x/vivid-liquify-texture-colorful-wallpaper-abstract-background-premium-free-photo.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: -19px -50px;
}
.aboutme {
  color: orange;
  letter-spacing: 0.1em;
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a,
    0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222,
    0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a,
    0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212,
    0 22px 30px rgba(0, 0, 0, 0.9);
  background-color: #895204;
  border-style: solid;
  border-color: brown;
  border-width: 10px;
  border-radius: 20px;
}
.istrive {
  -webkit-box-shadow: 8px 5px 18px 10px #591900;
  box-shadow: 8px 5px 18px 10px #591900;
  background-color: #b3741d;
  color: yellow;
}
.projects {
  background: #ff1b1b;
  background: -moz-linear-gradient(
    -45deg,
    #ff1b1b 0%,
    #ffd600 60%,
    #8b6400 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    #ff1b1b 0%,
    #ffd600 60%,
    #8b6400 100%
  );
  background: linear-gradient(135deg, #ff1b1b 0%, #ffd600 60%, #8b6400 100%);
  color: beige;
  -webkit-box-shadow: 28px 22px 18px 0px rgba(255, 185, 6, 0.94);
  box-shadow: 28px 22px 18px 0px rgba(255, 185, 6, 0.94);
}
.project {
  color: PapayaWhip;
  background: rgba(208, 228, 245, 0.37)
    url("https://wallpapersok.com/images/high/feel-cozy-and-warm-with-a-soft-brown-aesthetic-04ftp4wofef3mqkh.jpg")
    no-repeat scroll -23px -33px;
  -webkit-box-shadow: 28px 22px 18px 0px rgba(255, 0, 0, 0.94);
  box-shadow: 28px 22px 18px 0px rgba(255, 0, 0, 0.94);
}
.testimonials {
  color: gold;
  background-color: rgba(208, 228, 245, 0.37);
  background-image: url("https://i.pinimg.com/474x/92/a6/2a/92a62a4ae491713c2ce55fad10cb68aa.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: -26px -50px;
  text-shadow: 8px 10px 6px #ffd900;
}
.skills {
  border-width: 12px;
  border-style: double;
  border-color: #ffc800;
  background-color: rgba(208, 228, 245, 0.37);
  background-image: url("https://wallpapers.com/images/featured/warm-aesthetic-bo3hyl6eqpxk1awy.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: -26px -50px;
  -webkit-box-shadow: 28px 22px 18px 0px rgba(255, 251, 1, 0.94);
  box-shadow: 28px 22px 18px 0px rgba(255, 251, 1, 0.94);
  color: white;
}
.course {
  background-color: rgba(208, 228, 245, 0.37);
  background-image: url("https://i.pinimg.com/originals/f0/85/43/f085436ffab273ea1f3e0991a36dd548.jpg");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: -26px -50px;
  font-family: "Arial Black", Gadget, sans-serif;
  font-size: 29px;
  letter-spacing: -1.6px;
  word-spacing: -2px;
  color: #fffb00;
  font-weight: 700;
  text-decoration: underline solid rgb(68, 68, 68);
  font-style: normal;
  font-variant: small-caps;
  text-transform: capitalize;
  border-width: 16px;
  border-style: dotted;
  border-color: #ff0000;
}
.gallery {
  background-color: rgba(208, 228, 245, 0.37);
  background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQSQndOTPlurU27t-6sbhupNmxQ-JXHno0ICQ&s");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: -19px -50px;
  border-width: 16px;
  border-style: inset;
  border-color: #ff9882;
}
.contact {
  background-color: rgba(208, 228, 245, 0.37);
  background-image: url("https://i.pinimg.com/originals/84/89/f4/8489f49f4230fe75e7d3f3d1a7aeeab6.png");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: -19px -50px;
  border-width: 16px;
  border-style: inset;
  border-color: #ffa527;
  color: brown;
  text-shadow: -3px 5px 4px #ff8a1c;
  -webkit-box-shadow: 28px 22px 18px 0px rgba(255, 109, 30, 0.94);
  box-shadow: 28px 22px 18px 0px rgba(255, 109, 30, 0.94);
}