body{
    font-family:'Open Sans',serif;
    padding-top:54px;
    color:#868e96
}

@media (min-width:992px)
{
    body{padding-top:0;padding-left:17rem
    }
}
h1,h2,h3,h4,h5,h6
{
    font-family:'Saira Extra Condensed',serif;font-weight:700;text-transform:uppercase;color:#343a40
}
h1{
    font-size:6rem;line-height:5.5rem
}
    h2{
        font-size:3.5rem
    }
    .subheading{
        text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',serif;font-size:1.35rem
    }
    .list-social-icons a{
        color:#495057
    }
    .list-social-icons a:hover
    {
        color:#59A9B5

    }
    .list-social-icons a .fa-lg{
        font-size:1.75rem
    }
    .list-icons{
        font-size:3rem
    }
    .list-icons .list-inline-item i:hover
    {
        color: #59A9B5


    }


    .material-symbols-rounded {
      font-variation-settings:
      'FILL' 1,
      'wght' 700,
      'GRAD' 200,
      'opsz' 48
    }

    

    #sideNav .navbar-nav .nav-item .nav-link{
        font-weight:600;text-transform:uppercase
    }
    
      li { padding: 10px 0px 0px; }
      li:first-child { margin-bottom: 0px; }
      li:first-child { margin-top: 20px; }

      .mb-6 {
        padding-top: 35px;
      }

      .tooltip {
        position: relative;
        display: inline-block;
        border-bottom: 1px dotted black;
      }
      
      .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        
        width: 120px;
        bottom: 100%;
        left: 50%;
        margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
      
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
      }
      
      .tooltip:hover .tooltiptext {
        visibility: visible;
      }


    @media (min-width:992px){
        #sideNav{
            text-align:center;position:fixed;top:0;left:0;display:flex;flex-direction:column;width:17rem;height:100vh
        }
        #sideNav .navbar-brand{
            display:flex;margin:auto auto 0;padding:.5rem
        }
        #sideNav .navbar-brand .img-profile{
            max-width: 10rem;
            max-height: 10rem;
            border: 0.5rem solid rgba(89, 169, 181, .7);
        }
        #sideNav .navbar-collapse{
            display:flex;align-items:flex-start;flex-grow:0;width:100%;margin-bottom:auto
        }
        #sideNav .navbar-collapse .navbar-nav{
            flex-direction:column;width:100%
        }
        #sideNav .navbar-collapse .navbar-nav .nav-item{
            display:block
        }
        #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{
            display:block
        }
    }
    section.resume-section{
        border-bottom:1px solid #dee2e6;padding-top:5rem!important;padding-bottom:5rem!important
    }
    section.resume-section .resume-item .resume-date{
        min-width:none
    }

    

    @media (min-width:768px){
        section.resume-section{
            min-height:100vh
        }
        section.resume-section .resume-item .resume-date{
            min-width:18rem
        }
    }
    
    @media (min-width:992px){
        section.resume-section{
            padding-top:3rem!important;padding-bottom:3rem!important
        }
    }
    .bg-primary{
        background-color:#438797!important
    }
    .text-primary{
        color:#438797 !important
    }
    a{
        color:#59A9B5;
        text-decoration: none;
    }
    a:active,a:focus,a:hover{
        color:#438797;
        text-decoration: none;
    }