My navigation bar is gone my social media icons are gone ...how to fix?

Question

body{
background-image:url(' backblack.png ');
}

nav{
border-style:solid;
border-radius:5px;
border-width:5px;
padding: 8px;
background-color:#333;
padding-bottom:80px;
font-family:normal;
font-size:20px;
}

ul{
background-color:#333;
}

li{
float:left;
list-style-type:none;
padding-right:20px;
padding-left:20px;
size:20px;
background-color:#333;

}

a:link{
text-decoration:none;
}
li:hover {
text-decoration:underline;
transition:0.3s;
background-color:lightgray;
}

li:hover:not(.active){
background-color:white;
}

.active{
background-color:black;
}

.social{
display:inline;
margin:right;

}

@font-face{
font-family:Darkside;
src:url(Dark.otf);
}

section{

font-family:Darkside,Arial;
font-size:30px;
color:white;
float:clear;

}

article{
display:block;
width:480px;
height:300px;

}

img{
display:block;
border-width:5px;
border-radius:5px;
border-collapse:separate;
border-spacing: 50px;
border-color:black;
clear:right;
float:right;
padding:1px;
}

footer{
position:absolute;
float:right;
clear:right;

}

input{
display: block;
margin-bottom: 20px;
margin-top: 10px;
padding: 10px 5px;
}

Answer 1

fixed now... needed to display my social icons as inline block