JSFiddle - React, Tailwind, and code Playground

HTML

<header>
        <h1>Amigo's Private Tours</h1>
    </header>		
    <div id="big_wrapper">
        <aside>
        <ul>
            <a href="#intro">
                <li>Amigo's Private Tours concept</li>
            </a>
            <a href="#buenos-aires">
                <li>Buenos Aires</li>
            </a>
            <a href="#fashion-culture-shopping">
                <li>Fashion, culture &amp; shopping</li>
            </a>
            <a href="#gaucho-tour">
                <li>Gaucho tour</li>
            </a>
            <a href="#pampas-atlantic-coast-tour">
                <li>Pampa's Atlantic Coast tour</li>
            </a>
            <a href="#coastal-adventure-tour">
                <li>Coastal Adventure tour</li>            </a>
            <a href="#la-plata">
                <li>La Plata prehistoric and neo-gothic tour</li>
            </a>
            <a href="#contact">
                <li>Contact</li>
            </a>
        </ul>
    </aside>			<article>
    <section id="intro">
        <a href="#intro"><h3>Amigos Private Tours concept</h3></a>
        <p>Personalized attention in a private car including fully narrated stops. What better way to enjoy history, culture and the great attractions of argentina? </p>
        <p class="spanish_text">Nosotros le brindamos tours privados totalmente guiados por experimentados guias con autos grandes y confortables a su disposición... le aseguramos que disfrutará realmente todo al maximo !!</p>
        <img class="killbill" src="http://nosologeeks.es/wp-content/uploads/kill-bill-nosologeeks.jpg" alt="Tango Argentino">
        </section>
        <section id="buenos-aires">
        <a href="#buenos-aires"><h3>Buenos aires</h3></a>
        <h4><span class="highlight">(CT)</span> CITY TOUR</h4>
        <p>Buenos Aires is referred to as the "Paris of South America" because of its European Look and Latin passion. This is an opportunity to see Buenos Aires' beautiful neighborhoods and  learn about its...

SCSS

*{
	margin: 0;
	padding: 0;
	border: none;

	//debug:
	//background: rgba(255,0,0,.1);
}

a{
	&:link, &:visited{
		color: darkblue;
            
		-webkit-transition: color .2s, text-shadow .2s;
		-moz-transition: color .2s, text-shadow .2s;
		-ms-transition: color .2s, text-shadow .2s;
		-o-transition: color .2s, text-shadow .2s;
		transition: color .2s, text-shadow .2s;
	}
	&:hover{
		color: white;
		text-shadow: 0 0 20px black;
	}
}
#intro p{
    width:60%;
    float:left;
    clear:both;
}
#intro img.killbill{
    max-width: 350px;
}
h3{margin: 5px;}
h4{margin: 10px;}
p{
	display: inline-block;
	margin: 15px;
}
body{
	font-family: helvetica, sans-serif;
}

header{
	padding: 5px;
	background: #4f4f4f;
	border-top: 10px solid #294676;
	color: white;
	min-width: 960px;
}

#big_wrapper{
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}

aside{
	float: left;
	width: 175px;
	position: relative;
	background: url('images/left-gradient.jpg') bottom repeat-x #4f4f4f;
	padding-bottom: 50px;
	ul{
		list-style: none;
		a{
			
			&:link{
				text-decoration: none;
			}
			&:link, &:visited{
				color: white;
			}
			li{
				width: 165px;
				display: block;
				min-height: 25px;
				margin: 5px 0;
				padding: 5px;
				border-bottom: 3px solid transparent;
				border-top: 3px solid transparent;
				background: transparent;
				-webkit-transition: border-bottom .3s, border-top .3s, background .3s, color .3s, box-shadow .3s;
				-moz-transition: border-bottom .3s, border-top .3s, background .3s, color .3s, box-shadow .3s;
				-ms-transition: border-bottom .3s, border-top .3s, background .3s, color .3s, box-shadow .3s;
				-o-transition: border-bottom .3s, border-top .3s, background .3s, color .3s, box-shadow .3s;
				transition: border-bottom .3s, border-top .3s, background .3s, color .3s, box-shadow .3s;
				&:hover{
					border-bottom: 3px solid...