@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Poppins:wght@300;400;500;700");
@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');

@import url('components/card.css');
@import url('components/code.css');
@import url('components/color.css');
@import url('components/img.css');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300; /* if you want the light version */
  background: #2e2e2e;
  background: linear-gradient(245deg, rgb(0, 11, 23) 25%, rgb(31, 31, 0) 100%);
}

ul {
  padding-left: 0;
  list-style: none;
}

ul.inline-list > li {
  display: inline;
  padding: 0.5rem;
}

a {
  text-decoration: none;
}

i {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 0.5rem;
}

a i:hover {
  color:#3d85c6;
  transition: 0.5s ease;
}

u {
  font-family: monospace;
}

.btn-primary {
  background-color: #bf9000;
  border: #af8000;
}

.sample li > div{
  display:grid;
  justify-content: center;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {
  h2 {
    font-size: 1.5rem;
  }
  }

@media (min-width: 992px) {
  body {
    font-size: 20px;
  }

}