@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
	body {
  font-family: "poppins", sans-serif;
  padding: 0px;
  background-color: #e8e8e6;
  color: black;
} 
	.dark-mode {
	background-color: #743737; 
	color: white;} 

option:checked,
option:hover {
  background-color: lime;
}
		
	
	.wrapper{
		
	}
	
	.wrapper .buttons{
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: flex-end;
		margin-bottom: 20px;
	}
	
	.wrapper .buttons .btn {
		padding: 10px;
		display: flex;
		background-color: #515151;
		color: #fff;
		margin-left: 10px;
		cursor: pointer;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
	}

	.wrapper .buttons .btn.active {
		background-color: ;
	}
	.wrapper .buttons .btn:nth-child(2)
	{
		font-size: 1.5em;
	}
	.wrapper .buttons .btn:nth-child(3)
	{
		font-size: 2em;
	}
	.wrapper .content{
		font-size: 1em;
		color. #9a8484;
		line-height: 30px;
		transition: 0.5s;
		text-align: justify;           
	}
	.wrapper .content h2,
	.wrapper .content p{
		transition: 0.5s;
		margin-bottom: 25px;
	}
	 function toggle(el) {
    if (el.innerText=='Follow Topic') {
        el.innerText='Unfollow'
      } else {
        el.innerText='Follow Topic'
      }
    }
    
    
button:active{
    background:olive;
}

button:focus{
    background:olive;
}