*,
*::before,
*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;width:100%;font-family:sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;}
input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
ul,ol{list-style:disc;}
a{text-decoration:none;color:inherit; -webkit-tap-highlight-color: transparent;}


/* Color Scheme*/
:root {
  --bg: #f5f5f7;
  --text: #404040;
  --border: rgba(200, 200, 200, 0.4);
  --bgcontent: #FFFFFF;
  --transparentcolor: rgba(255, 255, 255, 0.8);
}

body{
  
      background: var(--bg);color: var(--text);padding-top: 60px;
      font-family: "Inter", sans-serif;
      font-optical-sizing: auto;
      font-style: normal;
      font-variation-settings:"wdth" 100;

}


main{padding-bottom: 100px;}



header #header{

        position:fixed;
        top:0;
        left:0;
        z-index: 1000;
        backdrop-filter: saturate(180%) blur(20px);
        -webkit-backdrop-filter: saturate(180%) blur(20px);
        background-color: var(--transparentcolor);
        width: 100%;
        height: 50px;
        border-bottom: 1px solid var(--border);
        transition: ease-out 500ms transform;

}

header #header.mini {

    transform: translateY(-50px);

}

header .menu {
display: none;
  width: 100%;
  height: 50px;
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
  position: absolute;
  bottom:0;
  left:0;

}

header .menu::-webkit-scrollbar{display: none;}

header .menu .menu-inner {
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
}

@media only screen and (min-width: 734px) {

  header .menu .menu-inner {

    justify-content: center;

  }

}

header .menu .item {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 12px;
  flex-shrink: 0;
  font-size: 14px;
  color: #707070;
  text-decoration: none;
  transition: all 0.2s ease;
  font-weight: 400;
  cursor: pointer;
}

header .menu .item.active {

  color: #505050;
  font-weight: 600;
  
}

a{font-weight:500;color: var(--text);font-size: 14px;}
h1{font-weight:500;}