style.css

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@1,700&display=swap');
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


*(margin:0; padding :0; font-family: 'Ubuntu', sans-serif;)
body{background color: lightblue}
#header{width:100%;height:80px;background:#3f5267;}
#up_head{width:100% ;height:30px;background:#748898; padding-right: 5%;padding-left: 5%;box-sizing: border-box;}
#link{width:33%;float:left;height: 30px;} 
.fa {
  padding: 3px;
  font-size: 20px;
  width: 15px;
  text-align: center;
  text-decoration: none;
  border-radius: 120%;
}

/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.5;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
  line-height: 1px;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
  line-height: 1px;
}
.fa-google-plus {
  background: #FF0000;
  color: white;
  line-height: 1px;
}
.fa-youtube {
  background: #c4302b;
  color: white;
    line-height: 1px;
}
.fa-linkedin {
  background: #55ACEE;
  color: white;
    line-height: 1px;
}

#date{width:30%;float:left;height: 30px;}
#date p{color:#fff; font-size:20px; line-height:1px; text-align: center;}

#slog{width:30%;float:left;height: 30px;}
#slog p{color:#fff; font-size:20px; line-height:1px; text-align: center;}

#title{width:100%; height: 60px; float: left;box-sizing:border-box;border-right:1px solid rgb(0,0,0,0.2) }
#title h2{text-align: center;float:center;font-weight: normal}
#title h2 a{line-height:20px;font-size:40px;text-decoration: none;color:#fff; text-shadow: 4px 4px 4px #000}

label {
	line-height:10px
   white-space: pre;
   font-size: 15px;
   float: right;
   align-content: right;
}

#slider{width:100%; height: 600px; padding-top:none;}
#slider img{width: 100%; height: 600px;
background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

#slider2{width:100%; height: 600px; padding-top:none;}
#slider2 img{width: 100%; height: 600px;
background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}

#category{width:100%; padding:5%; box-sizing;border-box;}
#category h3{font-size:30px;text-align: center;color: #3f5267; font-weight: normal;}