@charset "UTF-8";
html {
  height: 100%;
  scroll-padding-top: calc(4.5rem - 1px);
}
body {
  background-color: #282a39;
}
.page-header {
  padding: 0;
  background-color: #333647;
  color: #FFFFFF;
}
a {
  text-decoration: none;
  color: aqua;
}
.page-section {
  padding: 0;
  margin-top: 4rem;
  background-color: #282a39;
  color: #FFFFFF;
}
.resume .resume-title {
  margin-top: 20px;
  margin-bottom: 20px;
}
.resume .resume-item {
  padding: 0 0 20px 20px;
  margin-top: -2px;
  border-left: 2px solid #f7f8f9;
  position: relative;
}
.resume .resume-item h4 {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.resume .resume-item ul {
  padding-left: 20px;
}
.resume .resume-item ul li {
  padding-bottom: 10px;
}
.resume .resume-item:last-child {
  padding-bottom: 0;
}
.resume .resume-item::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50px;
  left: -9px;
  top: 0;
  background: #282a39;
  border: 2px solid #f7f8f9;
}
.progress {
  height: 10px;
  overflow: hidden;
  border-radius: 0;
}
.progress-bar {
  background-color: #EC595B;
  width: 100%;
  height: 100%;
  border-radius: 0;
}
.progress-title {
  display: block;
}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}