html {
  font-family: 'Rajdhani', sans-serif;
  font-size: 16px;
}

body {
  margin: 0;
  color: #FFFFFF;
}

h1, h2, h3 {
  font-family: 'Zen Dots', cursive;
}

h1 {
  font-size: 3.2em;
}

h2 {
  font-size: 1.2em;
}

.wrapper {
  display: flex;
  flex-direction: column;
}

#banner {
  height: 100vh;
  background: url(background2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#banner .center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#one {
  background: #5d5d6e;
}

#footer {
  background: #000000;
}


code {
  font-size: 20px;
}

.tg  {
  border-collapse:collapse;
  border-spacing:0;
}
.tg td {
  border-color:black;border-style:solid;border-width:1px;
  overflow:hidden;padding:10px 5px;word-break:normal;
}
.tg th {
  border-color:black;border-style:solid;border-width:1px;
  overflow:hidden;padding:10px 5px;word-break:normal;
}
.tg .tg-cly1{text-align:left;vertical-align:middle}
.tg .tg-lboi{border-color:inherit;text-align:left;vertical-align:middle}

.tg .tg-5hme{
  border-color:inherit;
  font-size:36px;
  text-align:left;
  vertical-align:middle
}

.tg .tg-g7sd{border-color:inherit;font-weight:bold;text-align:left;vertical-align:middle}
.tg .tg-yla0{font-weight:bold;text-align:left;vertical-align:middle}