/*  --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #8d9aad;
    --gray-dark: #58677c;
    --primary: #41A4F5;
    --secondary: #58677c;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f5f6f8;
    --dark: #58677c;*/
body{
  font-family: 'Nunito Sans', sans-serif;
}
.navbar{
  font-family: 'Quicksand', sans-serif;
  font-weight:700;
  color: white;
}

.title-section{
  font-family: 'Raleway', sans-serif;
  font-weight:700;
}

.bg-primary-dark {
  background: #343a40;
  /*background-color: #41A4F5;
  background-image: linear-gradient(135deg, #0061f2 0%, rgba(105, 0, 199, 0.8) 100%);*/
}
.profile-image {
        max-width: 240px;
    }

.profile-image-contact {
        max-width: 140px;
    }

.theme-bg-primary {
background-color: #2c4f73;
        /*background:#41A4F5;
        background-color: #0061f2;
       background-image: linear-gradient(135deg, #0061f2 0%, rgba(105, 0, 199, 0.8) 100%);*/
}

#skills,#projects,#contact{
        background: #f7f8fa;
}

#contact{
      /*  background: #757F9A;  /* fallback for old browsers */
      /*  background: -webkit-linear-gradient(to right, #D7DDE8, #757F9A);  /* Chrome 10-25, Safari 5.1-6 */
      /*  background: linear-gradient(to right, #D7DDE8, #757F9A);*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

 .footer{
     background: #343a40;
        /*background: rgb(2,0,36);
        background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,9,121,1) 35%, rgba(0,212,255,1) 100%);*/
}

.btn-grad {background-image: linear-gradient(to right, #4b6cb7 0%, #182848 51%, #4b6cb7 100%)}
.btn-grad:hover { background-position: right center; }
.link-on-bg{color:#2ecc71; font-weight: 700;}
.link-on-bg:hover{color:#2ecc71; font-weight: 700; text-decoration: underline;}
.buttonref{ color:white;}
.buttonref:hover{color:white; font-weight: bold;text-decoration:none;}

.text-secondary{color: #58677c !important;}
.list-unstyled{padding-left: 0;list-style: none;}

.svg-inline--fa.fa-w-16 {width: 1em;}
svg:not(:root).svg-inline--fa {overflow: visible;}
ol, ul, dl {margin-top: 0;margin-bottom: 1rem;}