html {scroll-behavior: smooth;}
body {height:100vh;max-width:100%;}

*{margin: 0;
  padding: 0;
  border: 0;
  outline:0;
  font-size: 100%;
  font: inherit;
  font-weight: normal;
  vertical-align: baseline;
  box-sizing: border-box;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}

img, picture, video, canvas, svg {
  display: block;
  max-width:100%;
}

html, body {
  line-height: 1.3;
  height: 100%;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}


ol, ul, li {
  list-style: none;
  text-decoration: none;
}

/*modify*/
span, p, a, a:hover, a:visited, a, a:hover, a:visited{text-decoration: none;}

.text-center{text-align:center;}
.block-center{margin:auto;}
.allcenter{text-align:center;margin:auto;}

.grid{display:grid;}
.flex{display:flex;}

.fx-start{display:flex;justify-content:flex-start;}
.fx-end{display:flex;justify-content:flex-end;}
.fx-center{display:flex;justify-content:center;}
.fx-sa{display:flex;justify-content:space-around;}
.fx-sb{display:flex;justify-content:space-between;}

.fy-start{display:flex;align-items:flex-start;}
.fy-end{display:flex;align-items:flex-end;}
.fy-center{display:flex;align-items:center;}
.fy-str{display:flex;align-items:stretch;}
.fy-base{display:flex;align-items:baseline;}

.fxy-center{display:flex;justify-content:center;align-items:center;}

.fxv-center{display:flex;flex-direction:column;align-items:center;}
.fyv-center{display:flex;flex-direction:column;justify-content:center;}
.fxyv-center{display:flex;flex-direction:column;justify-content:center;align-items:center;}


.gx-start{display:grid;justify-items:start;}
.gx-end{display:grid;justify-items:end;}
.gx-center{display:grid;justify-items:center;}
.gx-str{display:grid;justify-items:stretch;}

.gy-start{display:grid;align-items:start;}
.gy-end{display:grid;align-items:end;}
.gy-center{display:grid;align-items:center;}
.gy-str{display:grid;align-items:stretch;}

.gxy-center{display:grid;place-items:center;}