/* Font Variables */
/* Theme Color Variables */
/* Theme Settings */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
  overflow-x: hidden;
}

body {
  font-family: "Poppins", "Helvetica", sans-serif;
  font-size: 1.2em;
  width: 100%;
  color: #2B2D42;
}

p {
  font-size: 1em;
  padding: 5px 0;
}

a {
  color: #0FA3B1;
  text-decoration: none;
}

a:hover {
  color: #9381FF;
  text-decoration: underline;
}

h1 {
  font-family: "Dosis", "Helvetica", sans-serif;
  font-size: 2em;
  font-weight: 700;
  text-transform: uppercase;
}

h2 {
  font-family: "Dosis", "Helvetica", sans-serif;
  font-size: 1.5em;
  font-weight: 700;
  text-transform: uppercase;
}

h3 {
  font-family: "Dosis", "Helvetica", sans-serif;
  font-size: 1.2em;
  font-weight: 700;
}

/* Text Highlights */
::-moz-selection {
  background: #E8D33F;
  /* WebKit/Blink Browsers */
}
::selection {
  background: #E8D33F;
  /* WebKit/Blink Browsers */
}

::-moz-selection {
  background: #E8D33F;
  /* Gecko Browsers */
}

/* Containers */
section {
  position: relative;
  margin: 0 -9999rem;
  padding: 0rem 9999rem;
  background-color: #EDF2F4;
}

section.alt-bg {
  background-color: #CECFDF;
}

/* Navigation */
nav, header {
  font-family: "Dosis", "Helvetica", sans-serif;
  text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link {
  color: #E8D33F;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: #0FA3B1;
  text-decoration: underline;
}

.navbar-light .navbar-brand {
  color: #E8D33F;
}

.navbar-light .navbar-brand:hover {
  color: #0FA3B1;
  text-decoration: none;
}

.navbar-toggler {
  background-color: #E8D33F;
}

.navbar-toggler:hover {
  background-color: #0FA3B1;
}

#navbarToggler {
  text-align: right;
}

/* Header & Hero */
.nav-hero {
  background-color: #2B2D42;
  color: #EDF2F4;
}

header {
  height: 400px;
  font-size: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

/* Footer */
footer {
  background-color: #2B2D42;
  color: #EDF2F4;
  font-size: .8em;
}

.footer-byline {
  font-size: .7em;
  color: #9381FF;
}

.footer-link {
  color: #E8D33F;
}

.footer-link:hover {
  color: #0FA3B1;
  text-decoration: underline;
}

.footer-social-link {
  display: inline-block;
  width: 2.5em;
}

.footer-social-link a svg {
  fill: #E8D33F;
  width: 100%;
}

.footer-social-link a svg:hover {
  fill: #0FA3B1;
}

/* Page Elements */
img.outline {
  border-radius: 50%;
  margin-left: 75px;
  border: 0.3em solid #9381FF;
}

.skill {
  padding: 5px 0 20px;
}

.skill .skill-label {
  font-size: .8em;
  color: rgba(43, 45, 66, 0.6);
}

.card .card-body .card-title {
  font-family: "Dosis", "Helvetica", sans-serif;
  font-size: 1em;
  font-weight: 700;
  text-transform: uppercase;
}

.card .card-body .card-text {
  font-family: "Poppins", "Helvetica", sans-serif;
  font-size: .7em;
  text-transform: none;
  text-align: left;
}

.card .card-footer {
  font-size: .7em;
  text-align: center;
}

.scroll-up-button {
  display: none;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  background-color: #0FA3B1;
  border: none;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

.scroll-up-button:hover {
  background-color: #9381FF;
}

/* MEDIA BREAKPOINTS */
@media (max-width: 768px) {
  header {
    font-size: 2em;
  }
}
/*# sourceMappingURL=style.css.map */