h1 {
    color: white;
}

h2 {
    color: white;
}

h4 {
    color: white;
}

button.bg-mole-purple{
  background:purple;
}

body {
    min-height: 100vh;

    display: flex;
    flex-direction: column;
}

.navbar {
    height: 100px;
    background-color: #1e2125 !important;
}

.navbar-brand {
    font-size: 45px;
    font-style: bold;
    color: purple;
}

.navbar-brand:hover {
    color: red !important;
}

.nav-link:active {
    color: red !important;
}

.nav-link:focus {
    color: red !important;
}

.navbar-nav > li{
    padding-left: 10px;
    padding-right: 10px;
}

.nav-link {
    font-size: 20px;
    font-style: bold;
    color: purple !important;
}

.nav-link:hover {
    color: red !important;
}

.nav-link:active {
    color: red !important;
}

.nav-link:focus {
    color: red !important;
}

.main-content {
    padding-top: 3em;
    padding-bottom: 3em;
    max-width:1280px;
    width:90%;
    margin:0 auto;
    
}

.footer {
    margin-top: auto;
}

.icons{
    display: grid;
    grid-template-columns : repeat(4, 1fr);
    grid-template-rows: repeat(4, 1fr);
    flex-basis: 30%;
  /*   gap: 0.5em; */
  }

.mobile-menu{
   background:#1e2125;
   z-index:+1;

}