* {

  margin: 0px;
  padding: 0px;
}
.cursor {
  position: fixed;
  width: 50px;
  height: 50px;
  border: 2px solid #ffb400;
  border-radius: 50%;
  left: 0;
  top: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.1s;
}

.cursor2 {
  position: fixed;
  width: 10px;
  height: 10px;
  background-color: #ffb400;
  border-radius: 50%;
  left: 10px; /* Adjust the left position */
  top: 10px; /* Adjust the top position */
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: 0.15s;
}

.dark-theme {
  --secondary-color: #FAF9F6;
  --primary-color: #22191a;
 
}
#hoomesection {
  height: 100vh;
  width: 100vw;
  display: flex;
  background-color: var(--primary-color);
}
.leftimg {
  width: 23rem;
  height: 100%;
  background-color: #ffb400;
}
.leftimg img {
  position: absolute;
  width: auto;
  height: 85vh;
  border-radius: 5rem;
  margin: 4vw 10vh;
}
.leftimg img:hover {
  transition: 1s;

  transform: scale(1.1);
}

.infomation {
  width: 77vw;
  font-size: 1.6rem;
}
.info {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: -5rem;
  margin-left: 9vw;
  color: var(--secondary-color);
}
#cvdounlode {
  margin-left: 21.2vw;
  margin-top: -10rem;
}
#cvdounlode .downlode {
  text-decoration: none;
  font-style: none;
  height: 2.2rem;
  width: 10rem;
  font-size: 1.5rem;
  margin-bottom: 20px;
  font-weight: 550;
  color: var(--secondary-color);
  border: 2px solid #ffb400;
  display: flex;
  justify-content: center;
  border-radius: 6px;
  align-items: center;
  cursor: pointer;
}

.button_slide {
  color: #fff;
  border: 2px solid #ffb400;
  font-size: 14px;
  letter-spacing: 1px;
  cursor: pointer;
  box-shadow: inset 0 0 0 0 #ffb400;
  -webkit-transition: ease-out 0.4s;
  -moz-transition: ease-out 0.4s;
  transition: ease-out 0.7s;
}
.slide_right:hover {
  box-shadow: inset 400px 0 0 0 #ffb400;
}

#cvdounlode a {
  height: fit-content;
  width: fit-content;
  font-size: 1.5rem;
  font-weight: 550;
  color: var(--secondary-color);
  border-radius: 10px;
  cursor: pointer;
}
#cvdounlode .hovr:hover {
  color: #ffb400;
}
.menubar {
  color: var(--primary-color);
  position: fixed;
  color: #212121;
  margin-top: 100px;
  margin-left: 90vw;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.menubar a {
  color: var(--secondary-color);
  border-radius: 5px;
  height: 2.2rem;
  width: 7rem;
  font-size: 1.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 550;
  text-decoration: none;
}

#icon {
  width: 1.5em;
  margin-top: -70px;
  margin-bottom: 100px;
  cursor: pointer;
  border: 2px solid #ffb400;
  border-radius: 15px;
  color: var(--primary-color);
  background-color: #ffb400;
}

/* about  section*/
#aboutsection {
  height: 60vh;
  width: 100vw;
  color: var(--secondary-color);
  background-color: var(--primary-color);
}
#about {
  font-size: 4rem;
  display: flex;
  padding-top: 1rem;
  justify-content: center;
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
.me {
  color: #ffb400;
}

#aboutsection .ul {
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 1px;
  gap: 100px;
 font-style:Open;
  font-size: 1.5rem;
  line-height: 50px;
}
ul {
  list-style: none;
}
#aboutsection h2 {
  font-size: 2rem;
  padding: 5rem;
  color: #666666;
}
.cv{
  text-decoration: none;
  font-style: none;
  height: 2.2rem;
  width: 10rem;
  font-size: 1.5rem;
  color: var(--secondary-color);
  border: 2px solid #ffb400;
  display: flex;
  justify-content: center;
  border-radius: 6px;
  align-items: center;
  cursor: pointer;
}

#aboutsection a{
  margin-left: 23rem;
  margin-top: 1.5rem;
}

/*education section */
#education{
  height: auto;
  width: 100vw;
  background-color: var(--primary-color);
  color: var(--secondary-color);
}
#education h2 {
  font-size: 2rem;
  padding: 5rem;
  color: #666666;
}
.imgclass img{
  height: 60vh;
  border-radius: 30px;
  -webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;

	
}
.imgclass img:hover {
	-webkit-filter: blur(0);
	filter: blur(0);
}