* {
margin: 0%;
padding: 0%;
font-family: "Poppins", sans-serif;

}
.poppins-thin {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* Text styling starts here */
.blog{
    margin-top: 3%;
    padding-top: 50x;
    padding-left: 150px;
    padding-right: 150px;
    text-align: center;
}
.blog-content{
    margin-top: 7%;
    padding-top: 50x;
    padding-left: 250px;
    padding-right: 250px;
    text-align: left;
}
.blog-content h2{
    font-size: 22px;
    font-weight: 300;
}
.blog-content p{
    font-size: 18px;
    font-weight: 300;
}

/*this is footer styling*/
footer{
background-color: whitesmoke;
margin:0px;
margin-top: 20px;
padding: 35px;
padding-top: 80px;
display: flex;
}
footer div{
margin: 10px;
margin-left: 80px;
padding: 10px;
}
footer div a{
text-decoration: none;
color: rgb(70,70,70);
font-size: 12px;
}
footer div a:hover{
text-decoration: underline;
}
#social a img{
margin: 1px;
width:25px;
height: auto;
padding: 4px;
}
.material-symbols-outlined{
font-size: 28px;
color: rgb(252, 148, 148)
}
/*footer styling ends here*/


/* Target the scrollbar */
/* For Firefox */
/* For Chrome, Safari, and Opera */
/* For Internet Explorer and Edge */

/* Track */
::-webkit-scrollbar-track,
::-moz-scrollbar-track,
::-ms-scrollbar-track {
background-color: #f1f1f1; /* or any color you prefer */
}

/* Handle */
::-webkit-scrollbar-thumb,
::-moz-scrollbar-thumb,
::-ms-scrollbar-thumb {
background-color: #888; /* or any color you prefer */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover,
::-moz-scrollbar-thumb:hover,
::-ms-scrollbar-thumb:hover {
background-color: #555; /* or any color you prefer */
}

/* width */
::-webkit-scrollbar {
width: 2px;
height: 2px;
}

/* Track */
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px grey;
border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
background: black;
border-radius: 10px;
}