@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.4/font/bootstrap-icons.css");

body {
  background: #111417;
}

/* fonts */
.page-header h2 {
  font-size: 3em;
}

.page-header p {
  font-size: 1.25em;
}

/* colors */
.footer .credits a {
  color: #c46b9b;
}

.about .content h2 {
  color: #c46b9b;
}

.about .content ul i {
  color: #c46b9b;
}

.section-header h2::after {
  background: #c46b9b;
}

.services .service-item {
  background: #c46b9b;
}

.services .service-item:before {
  background: #c46b9b;
}

/* layout */
.page-header {
  padding: 120px 0 20px 0;
}

.hero {
  min-height: initial;
  height: calc(100vh);
  background: url(../img/koza.png) right no-repeat #c46b9b;
  background-size: contain;
}

#profile-img {
  border-radius: 10px;
}

.bd-title-container {
  width: 230px;
  height: 50px;
  display: inline-block;
}

.bd-title, .bd-rank, .bd-rank-icon {
  width: auto;
  position: absolute;
}

.ps-title-container {
  width: 300px;
  height: 67px;
  display: inline-block;
}

.ps-title, .ps-frame {
  position: absolute;
  width: auto;
  height: 63px;
}

.ps-rank {
  height: 61px;
  position: relative;
  left: 150px;
  top: 1px;
}

.section-header {
  padding-bottom: 20px !important;
}

.section-header h2 {
  font-size: 1em !important;
  font-weight: 500 !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.titles-header {
  margin-top: 40px;
}

.services {
  margin-bottom: 3em !important;
}

.fav-img {
  border-radius: 20px;
}

/* FAB */
.fab-container {
  position:fixed;
  bottom:50px;
  right:50px;
  cursor:pointer;
}