.blogdetailpage{display:flex;justify-content:center;flex-direction:column;align-items:center}.blogdetailpage button{border:none;display:inline-block;padding:10px 20px;font-size:16px;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;color:var(--text-c0lor);background-color:var(--themeColor);border-radius:5px;transition:transform .3s ease-in-out}.blogdetailpage button:hover{transform:scale(1.1)}.buttoncenterdiv{display:flex;justify-content:center;margin:3%}.content{color:#fff;margin:4% 0;width:80%}.blogdetailintro .image{display:flex;justify-content:center;align-items:center}.blogdetailintro .image img{border-radius:20px;width:70%}.blogdetailintro .heading{font-size:2.3rem;text-align:center;margin:2%;font-weight:600}.blogdetailintro .blogger{display:flex;justify-content:center;align-items:center}.blogdetailintro .blogger .bloggerimg{width:70px;border-radius:50%;height:70px;object-fit:cover}.blogdetailintro .blogger div{margin:0 10px;font-size:1.2rem;display:flex;align-items:center}.blogdetailintro .blogger div svg{font-size:1.2rem;margin-right:5px}.section{margin-top:3%}.section h2,.section h3{font-weight:700}.section li,.section p{font-size:1.2rem}.section li{list-style-type:circle}@media only screen and (max-width:900px){.blogdetailintro .image img{margin-top:5%}.blogdetailintro .heading{font-size:1.75rem}}@media only screen and (max-width:700px){.blogdetailintro .image img{width:85%}.blogdetailintro .heading{font-size:1.5rem}.content{width:85%}.blogdetailintro .blogger .bloggerimg{width:50px;height:50px}}@media only screen and (max-width:600px){.blogdetailintro .blogger{flex-direction:column}.buttoncenterdiv{margin:5% 0 28%}.section li,.section p{font-size:1rem}.section h2{font-size:1.4rem}.section h3{font-size:1.3rem}}@media only screen and (max-width:500px){.blogdetailintro .image img{margin-top:8%}.blogdetailintro .heading{font-size:1.3rem}.content{width:90%}.blogdetailintro .blogger div{font-size:1rem}.blogdetailpage button{padding:5px 10px}}