@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Roboto-Bold';
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto-italic';
    src: url('../fonts/Roboto-Italic.ttf');
    font-weight: normal;
    font-style: italic;
}
 
 
@font-face {
    font-family: 'Roboto-thin';
    src: url('../fonts/Roboto-Thin.ttf');

    font-weight: 200;
    font-style: normal;
}

 
@font-face {
    font-family: 'Roboto-light';
    src: url('../fonts/Roboto-Light.ttf');
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family:'Roboto-MediumItalic';
    src: url('../fonts/Roboto-MediumItalic.ttf');
    font-weight: normal;
    font-style: normal;
}


body{
	background: #b7dce2;
	margin:0;
	padding:0;
}

header{
    padding-left: 20px;
   
    float:left;
    width: 100%;
    background-color: #b55481;
    font-family: 'Roboto-light',sans-serif;
    
    color: #fff;
    text-align: left;

    padding-top: 15px;
    padding-bottom: 15px;
    

}
nav{
    
    width:100%;
    float: right;
    height: 30px;
    padding-bottom: 30px;
    margin-top: 30px;
    border-top-style:groove;
    border-bottom-style:groove;
    border-width: thin;
}
ul li{
    text-decoration: none;
    list-style: none;
    display: inline-block;
    float: right;
    margin-left: 2%;
	

}


a:link{
    text-decoration: none;
    color: #fff;


}

a:hover{
    background-color: #4aeaa0;
    color: #FFF;
    text-decoration: none;
   }

nav	{
	margin-right: 30px;
	display: inline-block;
	
}	

footer {
	font-family: "Roboto-italic",sans-serif;
    text-align: center;
    padding-top: 5px;
    margin: 30px;
    height:80px;
    background: #b55481;
  

}


