body{
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,44,77,1) 10%, rgba(0,77,64,1) 100%);
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'), local('MaterialIcons-Regular'),
  url(../fonts/materialicons.woff2) format('woff2'),
  url(../fonts/materialicons.woff) format('woff');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  word-wrap: normal;

  font-feature-settings: 'liga'; 
  -webkit-font-feature-settings: 'liga';  
  -webkit-font-smoothing: antialiased;
}

.bg-opacity-8 {
  background-color: rgba(255,255,255,.8);
}

.border-radius-6 {
  border-radius: 6px!important;
}

.valign-wrapper {
  height: 100vh;
}

.nav-wrapper { 
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(0,44,77,1) 10%, rgba(0,77,64,1) 100%);
}