:root {
    --main-font: 'Poppins', sans-serif;
    --background: rgb(56, 56, 56);
    --color: rgb(255, 255, 255);
}
body {
    background: var(--background);
    color: var(--color);
}
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: 120px;
}
* {
  transition: all 0.3s ease;
  -ms-overflow-style: none;  /* IE/Edge */
  scrollbar-width: none; 
}
body {
      margin: 0;
      height: 100vh;
      background: url("background.png") no-repeat center center fixed;
      background-size: cover; /* Makes it stretch to cover the whole screen */
      
    }
.top-bar {
    background: rgb(74, 74, 74);
    z-index: 999;
    top: 0;
    position: fixed;
    width: 100%;
    height: 70px;
}
.links {
    display: flex;
    justify-content: right;   /* centers the group */
    align-items: right;
    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;
    
}
.tab-links:hover {
    color: rgb(111, 111, 243);
}
.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 */
}