@import url(./fonts.css);
@import url(./partials/variables.css);
@import url(./partials/global.css);

/* header start*/
.header-area .main-menu .navbar {
  margin-top: 1rem;
  padding: 1rem 2rem;
}

.header-area .main-menu .nav-item .nav-link {
  font-family: var(--roboto);
  text-transform: uppercase;
  font-weight: 500;
  padding: 1.3rem;
  color: var(--text-color);
}

.header-area .main-menu .navbar-nav a:hover {
  background: var(--primary-color);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* header end*/
/*main start*/
.site-main .site-banner {
  padding: 0.3rem;
}

.site-main .site-banner .site-title h1 {
  font-size: 5rem;
}

.site-main .site-banner .site-title h3 {
  padding-top: 20%;
  font-weight: 500;
}

.site-main .site-banner .site-title h4 {
  font-size: 1.5rem;
}

.badge-text {
  font-size: 0.7rem;
  text-transform: lowercase;
}
/* main end*/
/*about start*/
.site-main .about-area {
  padding: 2rem 0.3rem;
}
.site-main .about-area .about-intro {
  padding: 3rem 1rem;
}
.site-main .about-area .cv-butt {
  padding-left: 3rem;
}
/*about end*/
/*skill start*/
.site-main .skills-area {
  padding: 2rem 2rem;
}
.site-main .skills-area .line .one1 {
  padding: 1rem 0rem;
}

/*skill end*/

/*quote start*/
.site-main .quote-area {
  padding: 0.3rem;
}
.site-main .quote-area .quote a > img {
  padding: 1rem;
}
.site-main .quote-area .quote:hover {
  transform: scale(1.1);
}
/*quote end*/
/*contact start*/
.footer-area .contact-area > a {
  color: var(--primary-color);
}
.footer-area .follow .fwl > a {
  color: rgba(0, 0, 0, 0.514);
  padding: 2rem;
  font-size: 1.5rem;
  
}
.footer-area .follow .fwl > a:hover {
  color: var(--primary-color);
}
.footer-area .follow .fwl {
  display: flex;
  justify-content: center;
}

/*contact end*/