#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1, h2, h3, h4, h5, h6, a {
  color: #7A0047;
  font-family: "Bruno Ace SC", sans-serif;
}

 p, form {
  font-family: "Space Grotesk", sans-serif;
}

.colored-cointainer{
  background-color: #97BBB3;
  border: 2px solid none;
}

section{
  background-color: #EBF4E6;
}

/*--------------------------------------------------------------
# Navbar
--------------------------------------------------------------*/

.navbar {
  background-color: #7A0047;
  border-bottom: 2px solid #EBF4E6;
}


.nav-link {
  color: #EBF4E6;
}
/*--------------------------------------------------------------
# Hero
--------------------------------------------------------------*/
#hero {
  min-height: 100vh;
}


/*--------------------------------------------------------------
# Resume
--------------------------------------------------------------*/
.lang {
  width: 16px;
  height: 16px;
  border-radius: 50px;;
}

.download-cv {
  color: #7A0047;
}

.download-cv:hover {
  color: #EBF4E6;
}

.resume .resume-item {
  padding: 0 0 20px 20px;
  margin-top: -2px;
  border-left: 2px solid #7A0047;
  position: relative;
}

.resume .resume-item::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  left: -9px;
  top: 0;
  background: #7A0047;
  border: 2px solid #7A0047;
}
/*--------------------------------------------------------------
# Projects
--------------------------------------------------------------*/
.card-hover {
    transition: transform 0.3s ease;
    background-color: #EBF4E6;
}
.card-hover:hover {
    transform: scale(1.05);
    opacity: 85%;
}

.img-circle {
  width: 50px;
  height: 50px;
  object-fit: auto;
}


/*--------------------------------------------------------------
# contact
--------------------------------------------------------------*/


#formButton {
  background-color: #7A0047;
  color: #EBF4E6;
}

.spinner-border {
  color: #7A0047
}

#sendingResponse i {
  border-radius: 50px;
  align-items: center;
  font-size: 20px;
  width: 44px;
  height: 44px;
}