body {
    background-color: #F5F5F7;
  }
  
  h1 {/*title*/
  font-family: customFonts;
    color: #1D1D1F;
  }
  h2 { /*heading*/
    font-family: customFonts;
      color: #1D1D1F;
      padding-left: 100px
    }
  h3 {
    font-family: customFonts;
    color: #1D1D1F;
    text-align:center;
    font-size: 25px;
  }
  @font-face { /*pentru fontul google*/
      font-family: customFonts;
      src: url(ProductSansRegular.ttf);
  }
  p { /*pentru style paragrafe*/
    font-family: customFonts;
    padding-left:100px;
    padding-right:100px;
    color: #1D1D1F;
  }
  .center { /*pentru imagini centrate*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }







  /*buton scroll to top*/
body {
  display: grid;
  grid-template-columns: auto; 
}

.top {
  --offset: 50px; 
  position: fixed;
  bottom: 20px;      
  margin-right:10px; 
  place-self: end;
  margin-top: calc(100vh + var(--offset));
  
  /* visual styling */
  width:55px;
  aspect-ratio:1;
  background:#609966;
  border-radius:10px;
}
.top:before {
  content:"";
  position:absolute;
  inset:30%;
  transform:translateY(20%) rotate(-45deg);
  border-top:5px solid #fff;
  border-right:5px solid #fff;
}

p {
  font-size: 25px;
}

/* remove the below if you don't want smooth scrolling */
html,
body {
  scroll-behavior: smooth;
}




  /*remove vertical scroll bar*/
/* hide scrollbar but allow scrolling 
body {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll; 
  }
  
  body::-webkit-scrollbar {
    display: none; 
  }
  
  /* other styling 
  * {
    background-color: #EAF0F6;
    color: #2D3E50;
    font-family: 'Arial';
    font-size: 26px;
    font-weight: bold;
  }*/




  /* unvisited link */
a:link {
  color: #9DC08B;
  text-decoration:none;
}

/* visited link */
a:visited {
  color: #9DC08B;
}

/* mouse over link */
a:hover {
  color: #609966;
}

/* selected link */
a:active {
  text-decoration:none;
}










/*buton scroll to top*/
body {
  display: grid;
  grid-template-columns: auto; 
}

.top {
  --offset: 50px; 
  
  position: fixed;
  bottom: 20px;      
  margin-right:10px; 
  place-self: end;
  margin-top: calc(100vh + var(--offset));
  
  /* visual styling */
  width:55px;
  aspect-ratio:1;
  background:#609966;
  border-radius:10px;
}
.top:before {
  content:"";
  position:absolute;
  inset:30%;
  transform:translateY(20%) rotate(-45deg);
  border-top:5px solid #fff;
  border-right:5px solid #fff;
}

p {
  font-size: 25px;
}

/* remove the below if you don't want smooth scrolling */
html,
body {
  scroll-behavior: smooth;
}