body {
  margin: 0; }
hr{
  color: #111111;
}

.bg-color.scrolled {
  background-color: #ede9e3;
  opacity: 0.7; }

.navbar .collapse ul.navbar-nav > li > a {
  color: #d02c0b; }

.navbar .collapse ul.navbar-nav > li > a:hover {
  color: #d02c0b; }

.custom-toggler.navbar-toggler {
  background-color: #d02c0b;
  border-color: #d02c0b; }

.jumbotron-fluid {
  background-color: #ede9e3;
  height: 100vh;
  align-items: center;
  position: relative;
  display: flex;
  margin: 0; }
  .jumbotron-fluid button {
    background-color:#d02c0b;
    align-items: center;
    position: relative;
    margin: auto; }
  .jumbotron-fluid .txt-type {
    color: #d02c0b; }

.jumbotron h1 {
  color: #d02c0b; }

.jumbotron h3 {
  color: #111111; }

.jumbotron .social-links {
  margin-top: 30px; }
  .jumbotron .social-links a {
    font-size: 24px;
    display: inline-block;
    color: #111111;
    line-height: 1;
    margin-right: 20px;
    transition: 0.3s; }
  .jumbotron .social-links a:hover {
    color: #EC583A; }

/* In general for every section*/
hr {
  margin: 0; }

u {
  color:#d02c0b; }

section {
  padding: 60px 0;
  overflow: hidden;
  margin: 0; }

.section-title {
  text-align: center;
  color: #111111;
  padding-bottom: 30px;
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  position: relative; }

/*about page */
#about {
  background-color: #ede9e3;
  margin: auto; }

#about h1 {
  color: #d02c0b;
}  

.about .container p {
  color: #111111; }

.about .content h3 {
  font-weight: 700;
  font-size: 26px;
  color: #d02c0b; }

.about .content a {
  color: #111111; }

.about .content a:hover {
  color: #d02c0b;
  text-decoration: none; }

.about .content ul li {
  padding-bottom: 10px;
  color: #111111; }

.about .content ul i {
  font-size: 20px;
  padding-right: 2px;
  color: #d02c0b; }

.about .btn {
  background-color: #d02c0b; }

.about .btn:hover {
  color: #fff3e0; }

/*skills*/
#Skills {
  background-color: #ede9e3;
  margin: auto; }

#Skills h1{
  color: #d02c0b;}

.skills .container p {
  color: #d02c0b; }

.skills .row-content h3 {
  color: #d02c0b; }

.skills .row-content p {
  font-weight: 400; }

/* project */
#project {
  background-color: #FFFAFA;
  margin: auto; }

.project .container p {
  color: #111111; }

.project .nav-tabs .active {
  background-color: #EC583A;
  color: #111111;
  border-color: #EC583A; }

.project .nav-tabs a {
  color: #EC583A; }

.project .tab-content .card-body .card-footer {
  background-color: #b3afaf; }

.project .tab-content .card-body h5 {
  color: #EC583A; }

.project .tab-content .card-body p {
  color: #111111; }

.project #educationproject .card {
  margin-top: 10px;
  border-color: floralwhite;
  border-width: 3px;
  height: 450px; }
  .project #educationproject .card .card-body, .project #educationproject .card .card-img-top {
    height: 200px; }

.project #personalproject .card {
  margin-top: 10px;
  height: 450px; }

/* CONTACT */
#contact {
  background-color: #ede9e3;
  height: 100vh;
  margin: auto; }
#contact h1{ 
  color: #d02c0b;
}
.contact .row h3, .contact .row p {
  color:#d02c0b }

.contact form .btn {
  background-color: #d02c0b; }

.contact form .btn:hover {
  color: #fff3e0; }

/* footer */
#footer {
  background-color: #ede9e3;
  font-size: 14px;
  text-align: center;
  padding: 30px 0;
  margin: auto; }
  #footer h3 {
    font-size: 30px;
    position: relative;
    font-family: "poppins", sans-serif;
    padding: 0;
    margin: 0 0 15px 0;
    color: #d02c0b; }
  #footer p {
    font-size: 15;
    font-style: italic;
    padding: 0;
    margin: 0 0 40px 0;
    color: black; }
  #footer .social-links {
    margin: 0 0 15px 0; }
    #footer .social-links a {
      font-size: 18px;
      display: inline-block;
      background: #d02c0b;
      color: #fff3e0;
      line-height: 1;
      padding: 8px 0;
      margin-right: 4px;
      border-radius: 50%;
      text-align: center;
      width: 36px;
      height: 36px;
      transition: 0.3s; }
    #footer .social-links a:hover {
      background: #d02c0b;
      color: #fff3e0;
      text-decoration: none; }
  #footer .copyright {
    margin: 0 0 10px 0;
    color: #111111;
    padding: 14px; }