html {
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;

  }
  
  *, *:before, *:after {
    box-sizing: inherit;
  }
  
  body, h1, h2, h3, h4, h5, h6, p {
    font-family: sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
    padding:20px;
    color: grey;
  }

  a {
    color:rgb(61, 90, 122);
  }
  a:hover {
    color:rgb(84, 151, 226)
  }
  
  ol, ul {
    list-style: none;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }

  div {
    --tw-bg-opacity: 1;
    --tw-shadow: 0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
    border-radius: 0.375rem;
    border-width: 1px;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);
    padding: 0.5rem;
    max-width: fit-content;
    margin: 0 auto;
    font-family: sans-serif;
    font-weight: normal;
}