div.one {
  
  background-image: linear-gradient(-45deg, transparent 75%, hsl(49, 68%, 63%) 75%),
    linear-gradient(45deg, transparent 75%, hsl(49, 71%, 63%) 75%),
    linear-gradient(-135deg, transparent 75%, hsl(49, 71%, 63%) 75%),
    linear-gradient(135deg, transparent 75%, hsl(49, 71%, 63%) 75%);
  background-size: 4rem 4rem;
  background-position: 19rem 0, 19rem 0, 0 0, 0 0;
}

div.two {
  background-color: hsl(177, 27%, 69%);
  background-image: linear-gradient(-45deg, transparent 50%, hsl(49, 71%, 63%) 50%),
    linear-gradient(-45deg, transparent 50%, hsl(49, 71%, 63%) 50%),
    linear-gradient(-45deg, transparent 50%, hsl(49, 71%, 63%) 50%),
    linear-gradient(-45deg, transparent 50%, hsl(49, 71%, 63%) 50%);
  background-size: 2rem 2rem, 2rem 2rem;
}
div.three {
  /* background-color: #f9ffe0; */
  /* background-color: #353535; */
  background-image: radial-gradient(
      circle at 100% 50%,
      transparent 1rem,
      #a1b1c156 1rem,
      #a1b1c156 1.5rem,
      transparent 1.5rem
    ),
    radial-gradient(
      circle at 0% 50%,
      transparent 1rem,
      #a1b1c156 1rem,
      #a1b1c156 1.5rem,
      transparent 1.5rem
    );
  background-size: 5rem 5rem;
  background-position: 0 0, 0 2.5rem;
}

/* section.three {
    background-color: #353535;
    background-image: radial-gradient(circle at 100% 50%,
            transparent 1rem,
            #a1b1c1 1rem,
            #a1b1c1 1.5rem,
            transparent 1.5rem),
        radial-gradient(circle at 0% 50%,
            transparent 1rem,
            #f1b1c1 1rem,
            #f1b1c1 1.5rem,
            transparent 1.5rem);
    background-size: 9rem 10rem;
    background-position: 0 0, 0 2.5rem;

} */
div.five {
  background-image: conic;
}

#aboutme {
  background-image: url("../assets/svg-images/bg-1-section.svg");
}

#intro {
  background-image: url("../assets/svg-images/bg-2-section.svg");
}

#project {
  background-image: url("../assets/svg-images/bg-3-section.svg");
}

#demo {
  background-image: url("../assets/svg-images/bg-4-section.svg");
}

#imagep {
  background-image: url("https://github.com/neerajrekwar/neerajrekwar.github.io/blob/ne/assets/images/IMG_20230329_105451_089.jpg?raw=true");
  background-repeat: repeat-x;
  background-size: cover 13rem;
  background-position: bottom 10px 3em;
  border-radius: none;
  border-inline-end-color: #32a1ce;
  border-inline-end-width: thick;
  writing-mode: horizontal-tb;
}

#new {
  background: hsla(63, 100%, 93%, 1);
  background: linear-gradient(45deg, rgba(253, 255, 219, 0) 0%, hsla(62, 76%, 64%, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FDFFDC", endColorstr="#E4E95D", GradientType=1 );
}
.input-group {
  display: flex;
  align-items: center;
}

.input {
  min-height: 50px;
  max-width: 150px;
  padding: 0 1rem;
  color: #fff;
  font-size: 15px;
  border: 1px solid #d8d400;
  border-radius: 6px 0 0 6px;
  background-color: transparent;
}

.button--submit {
  min-height: 50px;
  padding: 0.5em 1em;
  border: none;
  border-radius: 0 6px 6px 0;
  background-color: #e7c500;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
}

.button--submit:hover {
  background-color: #b99e00;
}

.input:focus,
.input:focus-visible {
  border-color: #c6d400;
  outline: none;
}
section {
  background: hsla(0, 0%, 100%, 1);

background: linear-gradient(180deg, hsla(0, 0%, 100%, 1) 0%, hsla(61, 61%, 48%, 1) 100%);


filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#FFFFFF", endColorstr="#C3C530", GradientType=1 );
}