html {
  font-size: 10px;
}

@media (min-width: 768px) {
  html {
    font-size: 12px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bg-dark a {
    color:white;
}
.bg-dark a:hover {
    color:aqua;
}

[class*="btn-dark"]:hover {
    background-color: #808080;
    color:aqua;
}

.navbar-collapse .nav-item .nav-link{
    color:white;
}

.navbar-collapse .nav-item .nav-link:hover {
    background-color: #909090;
    color:cyan;
}
.navbar-collapse .nav-item .bg-dark a{
    color:white;
}

.navbar-collapse .nav-item .bg-dark a:hover{
    color:darkblue;
    font-weight:600;
}

.col .card:hover {
    border: 1px solid #0094ff;
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
}
.col .card:hover img {
    opacity:0.7;
}
i:hover{
    color:aqua;
}