Sorry if this is a basic question, but I'm new to this. Currently, the sidebar is on the left side. How can I move it to the right?
#sidebar-wrapper {
top: 52px;
right: -200px;
width: 200px;
background-color: #27CD70;
color: white;
position: fixed;
height: 100%;
z-index: 1;
}<div id="sidebar-wrapper" class="sidebar-toggle">
<ul class="sidebar-nav">
<li>
<a href="#item1">Item 1</a>
</li>
<li>
<a href="#item2">Item 2</a>
</li>
<li>
<a href="#item3">Item 3</a>
</li>
</ul>
</div>