/* Layout */



#header {
	margin:0 1px;
    background-color: teal;
    width: inherit;
}

#bg {
	height:36px;
	
}



/* Global Styling */

#nav {
	background:seagreen;
    /*background:#06a;*/
	padding:10px 20px;
	text-align:right;
	color:#f6dde3;
}

#nav a {
	margin: 0 10px;
}

#nav a:visited, #nav a:link {
	text-decoration:none;
	color:#f6dde3;
}

#nav a:hover {
	text-decoration:underline;
	color:#f6dde3;
}


/* Side bar begins here*/
.leftside.ulsidebar{
    width: 100px;
    position: absolute;
    overflow: hidden;
}

.leftside{
    position: absolute;
    top: 25%;
}

.leftside li{
    list-style-type: none;
    padding: 20px;
    transition: .6s;
    color: lightseagreen;
    position: relative;
    cursor: pointer;
}

.leftside li i{
    font-size: 30px;
    
}

.leftside li:hover{
    padding: 20px 40px;
}

.leftisde li:nth-child(1){
    background: #3b5998;
}
.leftisde li:nth-child(2){
    background: #00aced;
}

.leftisde li:nth-child(3){
    background: #dd4b39;
}

.leftisde li:nth-child(4){
    background: #007bb6;
}

.leftisde li:nth-child(5){
    background: #cb2017;
}

/* Side bar ends here*/