@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700;800&display=swap");
@import url('./components/variables.css');
@import url('./components/reset.css');
@import url('./components/navbar.css');
@import url('./components/welcome-section.css');
@import url('./components/tech-section.css');


/* End Welcome Content */

/* Showcase service section */

.row .col-lg-5 header h4 {
  font-weight: 400 !important;
}

/* End showcase service section */

/* About me section */
#about-me {
  margin: 0 !important;
  padding: 0 !important;
  transition: display 3s ease-in !important;
}

.close {
  font-size: 30px !important;
}


/* #about-me, .modal-content {
  background: var(--niceBlue) !important;
} */

#about-me * {
  border: none !important;
}

#about-me .about-me-avatar {
  width: 100%;
  display: flex !important;
  justify-content: center !important;
}

#about-me .about-me-avatar img {
  width: 130px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  /*border: 4px solid var(--lightgrey) !important;*/
}

#about-me .modal-header {
  position: relative;
  width: 100%;
  height: 150px;
/*  background-image: url("../imgs/i.jpeg") !important;
  background-position: center !important;
  background-size: 100% 100% !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  object-fit: cover !important;*/
}

.modal-title {
  color: var(--light) !important;
}

/* End about section */


/* Emailing or query section */

.query-section {
  background: var(--bg-color);
  background: var(--bg-gradient);
}

.query-section .card {
  background: transparent !important;
}