@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anton&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

html {
  background-color: #2a6a8f;
  
}


:root {
    /* --bg-color: #f8fafc; */
    --bg-color: #d0eaf8;
    --bg-pills: #d0eaf8;
    --blue: #368cbf;
}

body{
font-family: "Montserrat" !important;




}

.bg-white{
    background-color:var(--bg-color);
}

.central {
    background-color:var(--bg-pills);
    border-color: 5px solid black; 
}

.blue {
  border-color: var(--blue) !important;
  /* box-shadow:5px 10px 8px var(--blue); */
}

.darkblue{
    background-color:  var(--blue) !important;
}

.blue-ink{
    color:  var(--blue) !important;
    font-weight:bold;
}

.blue-title {
    color:  var(--blue) !important;
    text-transform:uppercase;
}
.blue-text {
       color:  var(--blue) !important;
}

a.nav-link:hover {
    background-color: var(--bg-pills) !important;
    color: var(--blue) !important;
    transition:background-color .4s ease;
}

.navcolumn {
    background:#368cbf; 
    border-top:1px solid var(--bg-color); 
    margin-left:2rem-;
}

.navbase {
     border-bottom:1px solid var(--bg-color); 
}

.sense {
    display:block;
    height:100px;
    padding:30px;
    margin-top:2rem;
    /* background-color: red; */
}

.rounded-xl {
   border-radius: 15px;
}

.orange {
    background-color:#7ebc59;
}
.torange {
   color:#7ebc59 !important;
}


.expand:hover {
    transform:scale(105%);
    filter:brightness(1.05);
    transition:transform .2s ease;
}

.expand-min:hover {
     transform:scale(101%) translateY(1px);
    filter:brightness(1.02);
        transition:transform .2s ease;

}





.grid-item {
  float: left;
  width: 80px;
  height: auto;
}

.grid-item--width2 { width: 250px; }
.grid-item--height2 { height: 350px; }