* {

    font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
}

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

.carousel-caption {
  font-size:10px;
  color: black;
}

.fa-chevron-left, .fa-chevron-right{
  color: black;
}
.hvr-wobble-vertical  {
  color:#ddd;
}
.hvr-wobble-vertical:hover {
  color:#BDBDBD;
}

#termynal{
  -webkit-box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
-moz-box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
}

.bottom5 { margin-bottom:5px; }

#colorblack a{
  color:#ddd;
  font-size: 20px;

}
/*.Nav {text-transform: capitalize !important;}*/

#colorblack a:hover{
  color:#BDBDBD;
}

#colorblack .active-page{
  color:#BDBDBD;
}


.textbox{
  -webkit-box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
  -moz-box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
  box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
    width: 750px;
    max-width: 100%;
    background: var(--color-bg);
    color: var(--color-text);
    font-size: 18px;
    font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
    border-radius: 4px;
    padding: 45px 45px 35px;
    position: relative;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar{
  -webkit-box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
  -moz-box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);
  box-shadow: 9px 15px 58px -13px rgba(97,97,97,1);

}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2.5rem;            /* Footer height */
}

/* MUST BE PUT ON BOTTOM OF STYLE.CSS ALWAYS SINCE THE CODE BELOW THE @media WILL OVERRIDE THIS CODE */
@media (max-width: 375px) {
  .column-margin {
    margin: 30px 0;
  }
  body {
    width:100%;
    display:flex;
    flex-direction: column;
  }

  .col-xs-6:nth-of-type(1) {
    margin-top:90px;
  }

  #footer {
    position: relative;
    float: left;
  }
}