@font-face {
  font-family: 'Open Sans';
  src: url('./fonts/OpenSans-VariableFont_wdth,wght.ttf') format('woff2'),
       url('./fonts/OpenSans-VariableFont_wdth,wght.ttf') format('woff');
  font-weight: 600;
  font-style: normal;
}



:root {
  --vp-c-text: #171923;
  --vp-c-accent: #171923 ;
  --back-to-top-c-icon: #171923;
  --navbar-height: 5rem;
  --vp-c-accent-bg: #171923;
  --vp-c-accent-hover: #171923;
  --light-pink: #bdb0bc;
  --px-bg-color: #ecebec;
  --cool-gray: #8e98a4; 
  // --vp-c-bg: #ecebec;
}

.vp-page .theme-default-content { 
  max-width: 100%
  ;
}


::-webkit-scrollbar {
  display: none;
}
html {
  scroll-behavior: smooth;

}
body {
  font-family: 'Open Sans', sans-serif;
  background-color: var(--px-bg-color);
  // overflow: hidden;
}



section {
  margin-bottom: 30%;

}

.vp-navbar {
  background-color: #ecebec;
}

.vp-page-meta {
  position: absolute;
}

.vp-page {
  padding-bottom: 0;
}

.vp-page .theme-default-content {
  max-width: 100%;
  margin: 0;
  padding: 0;
  // margin-top: 0 !important;
}

button.vp-toggle-color-mode-button {
  display: none ;
}

.theme-default-content h1, .theme-default-content h2, .theme-default-content h3 {
  margin-top: 0 !important;

}

h1, h2,  h3, p {
  // margin-top: 0 !important;
  margin-bottom: 0px !important;
  padding: 0 !important;
  border: 0;
  color: var(--vp-c-text);
  
}

h1 {
  font-size: 3vw;
}
h3 {
  font-size: 1.5vw;
}

a {
  font-weight: 600;
}
button {
  color: black;
  width: 20vw;
  height: 5vw;
  font-size: 1.5vw;
  font-weight: 600;
  background-color: #ecebec;

  border-radius: 5px;
  transition: scale 0.2s ease;

}

button:active {
  background-color: #d0d0d0;
  scale: 0.95;
}


@media (max-width: 768px) { 
  // h1, h2,  h3, p {
  //   font-size: 1vw;
  // }
}