.bg-mynav {
    background-color: #2c3e50;
  }
  
body {
  font-size: 1.25rem;
  background-color: #f6f8fa;
}
td {
  line-height: 2rem;
}
.table thead tr th{
  background-color: #FFB84C;
  color: #ffffff;
}
.settings{
  right: 0;
  float: right;
}
a{
  font-size: 18px;
	color: #e1e1e1;
	font-family: inherit;
	background: linear-gradient(to right, #D4145A 0%, #FBB03B 100%);
	font-weight: 800;
	cursor: pointer;
	position: relative;
	border: none;
	background: none;
	text-transform: uppercase;
	transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	transition-duration: 400ms;
	transition-property: color;
}

a:focus:after,
a:hover:after {
  width: 100%;
  left: 0%;
}
a:after {
	content: "";
	pointer-events: none;
	bottom: -2px;
	left: 50%;
	position: absolute;
	width: 0%;
	height: 2px;
	background: linear-gradient(to right, #D4145A 0%, #FBB03B 100%);
	transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
	transition-duration: 400ms;
	transition-property: width, left;
  }
  .wow {
	text-transform: uppercase;
	background: linear-gradient(to right, #D4145A 0%, #FBB03B 100%);
	-webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	font-family: "Poppins", sans-serif;
	margin-right: 10px;
}
header {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0rem 1rem;
  z-index: 1000;
  background: #675e5e;
}
.w900 {
  font-weight: 900 !important;
}
  header h2{
  color: whitesmoke;
  }
  nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  }
  nav ul {
  list-style: none;
  display: flex;
  gap: 2rem;
  }
  nav a {
  font-size: 1.8rem;
  text-decoration: none;
  }
  nav a#logo {
  color: #000000;
  font-weight: 700;
  }
  nav ul a {
  font-size: 18px;
  color: #e1e1e1;
  font-family: inherit;
  background: linear-gradient(to right, #D4145A 0%, #FBB03B 100%);
  font-weight: 800;
  cursor: pointer;
  position: relative;
  border: none;
  background: none;
  text-transform: uppercase;
  transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
  transition-duration: 400ms;
  transition-property: color;
  }
  nav ul a:hover {
  color: #fff;
  }
  
  nav ul a:focus:after,
  nav ul a:hover:after {
    width: 100%;
    left: 0%;
  }
  nav ul a:after {
    content: "";
    pointer-events: none;
    bottom: -2px;
    left: 50%;
    position: absolute;
    width: 0%;
    height: 2px;
    background: linear-gradient(to right, #D4145A 0%, #FBB03B 100%);
    transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
    transition-duration: 400ms;
    transition-property: width, left;
    }
      h1 {
      font-size: 4rem;
      }
      #ham-menu {
      display: none;
      }
      nav ul.active {
      left: 0;
      }
      @media only screen and (max-width: 991px) {
      html {
        font-size: 56.25%;
      }
      header {
        padding: 2.2rem 5rem;
      }
      }
      @media only screen and (max-width: 767px) {
      html {
        font-size: 50%;
      }
      #ham-menu {
        display: block;
        color: #ffffff;
      }
      nav a#logo,
      #ham-menu {
        font-size: 3.2rem;
      }
      nav ul {
        background-color: black;
        position: fixed;
        left: -100vw;
        top: 73.6px;
        width: 100vw;
        height: calc(100vh - 73.6px);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        transition: 1s;
        gap: 0;
      }
      }
      @media only screen and (max-width: 575px) {
      html {
        font-size: 46.87%;
      }
      header {
        padding: 2rem 3rem;
      }
      nav ul {
        top: 65.18px;
        height: calc(100vh - 65.18px);
      }
      }