@font-face {
  font-display: swap;
  font-family: 'Fira Code';
  font-style:  normal;
  font-weight: 400;
  src: url("./FiraCode-Regular.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-display: swap;
  font-family: 'Fira Code';
  font-style:  normal;
  font-weight: 800;
  src: url("./FiraCode-Bold.woff") format("woff");
  font-display: swap;
}

@media (max-width: 480px) {
  #presentation {
    font-size: 3vw;
  }
}

/*
@media (min-width: 480px) {
  .card-body {
     height: 25vh;
  }

}
*/

* {
  font-family: 'Fira Code';
}

.menu-head {
  background-color: #0077B4;
  /*background-color: #7D5732;*/
}

.head-intro {
  background-color: #0077B4;
  /*background-color: #7D5732;*/
}

/*.nav-pills > .nav-item > a:hover {*/
.nav-item > a:not(.active):hover {
  /*color: #0077B4 !important;*/
  color: #fff !important;
  font-weight: bold !important;
}

.infotab > .active{
  color: #212529 !important;
  font-weight: bold !important;
}

.infotab > a:not(.active):hover {
  /*color: #0077B4 !important;*/
  color: #212529 !important;
  font-weight: bold !important;
}



.nav-pills > .nav-item > .active {
    background-color: #2A2B33;
}
.navbar-nav .active {
  font-weight: bold !important;

}


ul .dropdown-menu>li >a:hover{
    background: #212529 !important;
    color: #ffe !important;
}

.btn-success {
  background-color: #134A72 !important;
  border-color: #0B2C44 !important; 
}

.divplan {
  color: #000 !important; */
  padding-top: 20px;
/*  width:200px; 
  height:3px; */
  text-align:center;
  /*
  -webkit-box-shadow: 5px 13px 50px -24px rgba(201,154,109);
  box-shadow: 5px 13px 50px -24px rgba(201,154,109); 
  */
  -webkit-box-shadow: 5px 13px 50px -24px rgba(29,114,174);
  box-shadow: 5px 13px 50px -24px rgba(29,114,174); 

  transition: all .2s ease-in-out;
}

.divplan:hover {
  transform: scale(1.1,1.1);
}

.img-invert {
  filter: invert(100%);
}

h5 {
  font-weight: bolder;
}

#footer {
  background-color: #2A2B33;
}

#master-login {
  position: relative;  
}

#login-head {
  background-color:#0077B4;
  position: absolute;
  width: 100%;
  height:100px;
}

.container-login {
  z-index: 1;
}

textarea {
  border: none;
  outline: none;
  overflow: hidden;
}
/**** copiq ****/
/**
#wrapper {
  width: 400px;
  margin: 0 auto;
  font: 22px/28px Calibri;
}

.item {
  color: #b7b7b7;
  padding: 10px;
  margin: 25px 0;
  position: relative;
  box-shadow: 0 0 10px #4e4e4e
}

button {
  color: #dbec32;
  min-width: 100px;
  font-size: 12px;
  padding: 8px 8px 8px 28px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 15px;
  background: #25241b;
  border: 1px solid #dbec32;
  border-radius: 4px;
  outline: 0;
  cursor: pointer
}

svg {
  width: 16px;
  height: 16px;
  fill: #dbec32;
  position: absolute;
  left: 16px;
  top: 6px
}
**/
/***************/