html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

:focus {
    outline: none !important;
    border: 1px solid #eee !important;
    box-shadow: 0 0 0 0.2rem rgba(123, 123, 123, 0.25) !important; /* Customize this */
}


html {
  position: relative;
  min-height: 100%;
}

/* Customize website's scrollbar like Mac OS
Not supports in Firefox and IE */

/* total width */
*::-webkit-scrollbar {
    background-color: #fff;
    width: 16px;
}

/* background of the scrollbar except button or resizer */
*::-webkit-scrollbar-track {
    background-color: #fff;
}

/* scrollbar itself */
*::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 16px;
    border: 4px solid #fff;
}

/* set button(top and bottom of the scrollbar) */
*::-webkit-scrollbar-button {
    display: none;
}

body {
    text-align:center;
    display: grid;
     grid-template-rows: auto 1fr auto;
     min-height:100vh;
}