@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
body{
    font-family: 'Raleway';
    font-weight: normal;font-size:18px;
    color:dimgray;
}
div.wrap{
    background: url('logo.jpg');
    position: fixed;
    z-index: 999;
    width:100%;
    height:90px;
    top:0;left:0;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
}
 
#name{
            top:5px;    
            left:9%;
            padding-left:5px;
            padding-right: 0px;
            position: absolute;
            font-family: 'Raleway';
            font-weight:500;
   font-size:36px;         color:black;
    }


div.container
{
   
    top:50px;
    left:55%;
    position: absolute;
}

div.container a
{   
    color: black;
    text-decoration: none;
    font: 17px 'Raleway' ;
    font-weight:600;
    margin: 0px 10px;
    padding: 10px 0px;
    position: relative;
    z-index: 0;
    cursor: pointer;
}



.blue
{
    background: #2196f3;
}

.cyan
{
    background: #00bcd4;
}

.teal
{
    background: #009688;
}





.gray
{
    background: #9e9e9e;
}

div.borderXwidth a:hover{
    color:#2e64fe;
}

/* Border X get width  */
div.borderXwidth a:before, div.borderXwidth a:after
{
    
    position: absolute;
    opacity: 0;
    width: 0%;
    height: 2px;
    content: '';
    background: #2e64fe;
    transition: all 0.3s;
}

div.borderXwidth a:before
{
    left: 0px;
    top: 0px;
}

div.borderXwidth a:after
{
    right: 0px;
    bottom: 0px;
}

div.borderXwidth a:hover:before, div.borderXwidth a:hover:after
{
    
    opacity: 1;
    width: 100%;
}


a.back-to-top {
	display: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20%;
	background: #2e64fe url("up-arrow.png") no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}