:root {
    --main-font: 'Poppins', sans-serif;
    --background: #858585;
    --color: rgb(255, 255, 255);
}

h3{
   font-family: var(--main-font); 
   font-size: 30px;
   margin-top: -37px;
   padding-left: 15px;
}
.title {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 70px;
    padding-left: 15px;
    color: white;
    margin-top: 10px;
}
* {
  transition: all 0.3s ease;
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none; 
}
html, body { height: 100%; }
body {
  margin: 0;
  color: var(--color);
  background-color: #737373;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;                      /* cover entire viewport */
  padding-top: 90px;                           /* keep content below fixed top bar (70px) */
}
.top-bar {
    background: rgb(74, 74, 74);
    z-index: 999;
    top: 0;
    position: fixed;
    width: 100%;
    height: 70px;
}
.links {
    display: flex;
    justify-content: flex-end;   /* centers the group */
    align-items: center;
    gap: 50px;                 /* spacing between links */
    padding: 20px 0;
}

.tab-links {
    color:  var(--color);
    font-family: 'Arial';
    font-weight: bold;
    margin-right: 25px;
    text-decoration: none;
    
}
.tab-links-back {
    color:  var(--color);
    font-family: 'Arial';
    font-weight: bold;
    margin-right: 25px;
    text-decoration: none;
    font-size: 15px;
}
.tab-links:hover {
    color: rgb(111, 111, 243);
    cursor: alias;
}
.tab-links-back:hover {
    color: rgb(251, 78, 78);
}
.title-about {
    font-family: 'Arial';
    padding: 10px;
    text-align: left;
    
}
.content {
    font-family: 'Arial';
    padding: 10px;
    text-align: left;
    font-weight: 100;
}
.engagement, .ways, .Spread {
    font-family: var(--main-font);
    padding-left: 10px;
    
}
.ways {
    color: rgb(255, 0, 0);
}
.way-1 {
    color: white;
    padding-left: 10px;
    font-family: 'Arial';
    font-weight: bold;
}
.socials {
    font-family: var(--main-font);
    color: white;
    padding-left: 10px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    font-size: 21px;
}
html {
  scroll-behavior: smooth;
}
.socials-title {
    font-family: var(--main-font);
    color: rgb(86, 198, 246);
    padding-left: 10px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
    font-size: 30px;
}

::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}