html, body {
      width: 100%;
      overflow-x: hidden;
      scroll-behavior: smooth;
    }

    html {
      scrollbar-face-color: #646464;
      scrollbar-base-color: #646464;
      scrollbar-3dlight-color: #646464;
      scrollbar-highlight-color: #646464;
      scrollbar-track-color: #000;
      scrollbar-arrow-color: #000;
      scrollbar-shadow-color: #646464;
      scrollbar-dark-shadow-color: #646464;
    }

    ::-webkit-scrollbar { width: 8px; height: 3px;}
    ::-webkit-scrollbar-button {  background-color: #666; }
    ::-webkit-scrollbar-track {  background-color: #646464;}
    ::-webkit-scrollbar-track-piece { background-color: #000;}
    ::-webkit-scrollbar-thumb { height: 50px; background-color: #666; border-radius: 3px;}
    ::-webkit-scrollbar-corner { background-color: #646464;}}
    ::-webkit-resizer { background-color: #666;}

    body {
      overflow:hidden;
      background-color: #000000;
    }

    .vertical-align {
      display: flex;
      align-items: center;
  }
  

  iframe{
    margin-left:-6px; z-index:2; min-height: 420px;
}

    @media only screen and (max-width: 768px) {
      body {
        background-image: none;
    }


      iframe{
        margin-top: -6px;
          margin-left:0px; z-index:2; min-height: 420px;
      }
    


    }





    *:not(i) {
      font-family: 'Ubuntu', sans-serif;
    }

    .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.75) !important;
    }

    .jumbotron {
      color: white;
      
    }

    .container {
      color: white;
    }

    .jumbotron {
      background: url('assets/image/art.png');
      transform: rotate(2deg) scale(1.2);
      padding-top: 120px;
      margin-bottom: 100px;
    }
    .jumbotron .container {
      transform: rotate(-2deg) scale(1);
    }

    .btn-primary {
      background: #f76651;
      border-radius: 0;
      border: none !important;
    }
    .btn-primary:hover {
      background: #f64a41;
    }

    .text-accent {
      color: #f76651;
    }

    .btn-label {position: relative;
      display: inline-block;
      padding: 6px 12px;
      border-radius: 3px 0 0 3px;
    }
    .btn-labeled {padding-top: 0;
      padding-bottom: 0;
    }


    .slideIn {
      animation: 1.5s ease-in-out 0s 1 slideInFromTop;
    }


    hr {
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    @keyframes slideInFromTop {
      0% {
        transform: translateY(-100%);
      }
      90% {
        transform: translateY(1%);
      }
      100% {
        transform: translateY(0);
      }
    }

    #loader-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: black;
      text-align: center;
    }

    .zoomIn {
      transform: scale(1);
      animation: ease-in-out 0.7s 1 zoomIn;
    }

    #copyMail:hover {
      cursor: copy;
    }

    @keyframes zoomIn {
      0% {
        transform: scale(0.7);
      }
      100% {
        transform: scale(1);
      }
    }
    
    .width250 {
      position:relative;
      width: 250px;
      top: 33vh;
    }
    .loading-text {
      position:relative;
      top: 35vh;
      color: #ffffff80;
    }

    .height0 {
      height: 0px;
    }

    footer * {
      color: #8e8e8e !important;
    }

    #js-particles {
      position:absolute;
      top:100%;
    }

    ul {
      list-style-type:square;
    }