html {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: initial;
    font-stretch: normal;
  }
  
  .nav-item {
  text-transform: uppercase;
    font-size: 1.4em;
    line-height: 1em;
    font-weight: 700;
    z-index:999;
  margin-left:14px;
  }
  
  
  .menu-link {margin-left:30px}
  .menu-logo {width:100%}

#use, #projects, #code, #about {padding-top: 56px;}
  
/* .navbar {margin-bottom: 20px;} */
.nav-link {color:#fff !important}
.nav-link.active {color:#067ca5 !important}
.navbar-locale {padding-bottom: -20px;padding-right:20px}

  .color-default {color: #067ca5}
  .color-default p {font-size:15pt}
  
  .feature-icon {
    width: 4rem;
    height: 4rem;
    border-radius: .75rem;
  }
  
  .icon-link > .bi {
    margin-top: .125rem;
    margin-left: .125rem;
    fill: currentcolor;
    transition: transform .25s ease-in-out;
  }
  .icon-link:hover > .bi {
    transform: translate(.25rem);
  }
  
  .icon-square {
    width: 3rem;
    height: 3rem;
    border-radius: .75rem;
  }
  
  .text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
  .text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
  .text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }
  
  .card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  
.slide {height: 400px;}
.story-title {background-color:#111;width: 60%;font-size: 22pt;}

  .btn-xl {
      padding: 10px 20px;
      font-size: 20px;
      border:1;
      width:50%;
      color:#fff;
      background-color: #067ca5;
      border-color: #067ca5;
  }
  

.display-5 {color:#000}
  
.btn-xl:hover {color:  #067ca5;background-color: #fff !important;border-color: #067ca5;}
  
.carousel-caption {left: 4% !important;}
  
.bg-2 {background-color:#141414}

.story-container-title:hover {background-color: #067ca5;}
.story-title a {color:#fff}
.nolink a {text-decoration: none !important}

.d1 {margin-top:15px}

.overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgb(6, 124, 165,0.35);
  z-index:9
}

.dxyz-footer {padding-top:60px}
.dxyz-s-60 {width:60%}
.col-dxyz {padding-top:120px;padding-bottom: 120px}
.dxyz-d {margin-top:108px}
.dxyz-d2 {margin-top:20px}
.dxyz-row {background-color:#141414;margin-top:24px}
.dxyz-alert {margin-top:40px;color:#000}
.navlocale {font-size:10pt}

@media only screen and (max-width: 768px) {
  .navbar-brand {width:80%}
  .menu-logo {width:80%}
  .resume .fs-4 {font-size: 13pt !important}
  .dxyz-d {margin-top: 96px !important}
  .dxyz-d2 {margin-top: -90px !important}
  .dxyz-d2 .btn-xl {width: 75%;}
  .dxyz-s-60 {width:70%}
  .navlocale {text-align: center}
}

@media only screen and (max-width: 360px) {
  .navbar-brand {width: 78%;}
  .carousel-caption {bottom: 1rem;}
}