/* ====== MAIN ====== */

body {
    font-family: "Raleway", sans-serif;
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.h4, h4 {
    font-weight: bold;
}

.h2, h2 {
    letter-spacing: 0.5rem !important;
    font-weight: bold;
    margin-bottom: 1rem;
}

.delay-05s {
    -webkit-animation-delay: 0.5s;
}

.fadeInDown {
    animation-name: fadeInDown;
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}


/* ====== NAVBAR ====== */

#main-navbar .navbar-brand {
    font-size: 1.5rem;
}

#main-navbar .nav-link {
    color: white;
}

#main-navbar .nav-link:hover {
    color: #ff729f;
}


/* ====== INTRO ====== */

.title {
    font-size: 3.5rem;
}

.jumbotron {
    background-color: #14e8c4;
    padding-top: 8rem;
    padding-bottom: 6rem;
    margin-top: 0px;
}


/* ====== ABOUT ME ====== */

.bg-light-gray {
    background-color: rgb(226, 226, 226);
    color: black;
    text-align: right;
    padding-right: 2px;
}

.quote {
	border-left: 5px solid #ff729f;
    padding-left: 0.5rem;
    font-size: 1.3rem;
    color: #ff729f;
}

#about-me a{
    font-weight: bold;
    color: #ff729f;
    position: relative;
}

#about-me a:hover {
    text-decoration: none;
}

#about-me a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background-color: #ff729f;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
  }

#about-me a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
  }


/* ====== PORTFOLIO ====== */

#portfolio .container-fluid {
    background-color: #14e8c4;
}


/* ====== CONTACT ====== */