/* Colors */
/* Main */
.main-background {
  color: #0066ff;
}

.logo-image {
  height: 100px;
  width: 100px;
}

.hero-img {
  height: 200px;
  width: 200px;
}

.hero-color {
  background-color: #4258FF;
}

.rightPad {
  padding-right: 0.5rem;
}

.is-celtic-blue {
  background-color: #4258FF;
}

.is-raisin-black {
  background-color: #272932;
}

.is-grey-web {
  background-color: #828489;
}

is-white-background {
  background-color: #fff;
}

/* Container for skill bars */
.containerSkills {
  width: 100%;
  /* Full width */
  background-color: #ddd;
  /* Grey background */
}

.skills {
  text-align: right;
  /* Right-align text */
  padding-top: 10px;
  /* Add top padding */
  padding-bottom: 10px;
  /* Add bottom padding */
  margin: 0.5rem 0 0.5rem 0;
  color: #F6F6F2;
  /* White text color */
}

/* Progress Bars */
.frontend {
  width: 95%;
  background-color: #4258FF;
  color: #fff;
}

.backend {
  width: 80%;
  background-color: #4258FF;
  color: #fff;
}

.android {
  width: 35%;
  background-color: #4258FF;
  color: #fff;
}

.project {
  width: 55%;
  background-color: #4258FF;
  color: #fff;
}

.leadership {
  width: 75%;
  background-color: #4258FF;
  color: #fff;
}

/*# sourceMappingURL=main.css.map */