body, html {
  height: 100vh;
  margin: 0;
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-variation-settings:"wdth" 100;
}

html {
  scroll-behavior: smooth;
}

.codefont {
  font-family: "Reddit Mono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
}

.bg-1 {
  position: relative;
  opacity: 0.99;
  background-position: center;
  background-size: cover;

}
.bg-1 {
  background-image: url("../img/bck.webp");
  min-height: 100%;
}
.bg-2{
  background-color: rgba(255, 255, 255, 0.8);   
}

.bg-3{
    background: linear-gradient(90deg, #343eea 50%, #020103 50%);
}

.bg-4{
    background-color:#0b1a35;
}
.break {
    flex-basis: 100%;
    height: 0;
  }
  
.btn:focus, .form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: none !important;
}

.input-wizard-dark, .input-wizard-dark:focus {
    background-color:rgba(0, 184, 245, 0);
    background-color:none;
    border: solid !important;
    border-width: 2px !important;
    border-color: rgba(0, 184, 245) !important;
    
}

.input-wizard-light, .input-wizard-light:focus {
    background-color:rgba(255, 255, 255, 0.8);
    background-color:none;
    border: solid !important;
    border-width: 2px !important;
    border-color: rgba(0, 184, 245) !important;
    
}

.form-floating label:after{background: none !important;}

ol > li::marker { content: counters(list-item, '.') '. '; }

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.fs-md{ font-size: 14px;}
.fs-sm{ font-size: 12px;}
.fs-xs{ font-size: 11px;}
.fs-xxs{ font-size: 10px;}

.blink_me {
  animation: blinker 1s linear infinite;
}
.link { cursor: pointer;}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.nosel {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#video div iframe {left:0;}