adjust css

src/containers/App/App.css

@@ -352,7 +352,20 @@ footer a:hover {
   margin-bottom: 100px;
   /* max-width: 0.9vw; */
   background-color: #ffa6009f;
-  box-shadow: 15px 15px 5px rgba(0,0,0,0.1);
+  /* box-shadow: 15px 15px 5px rgba(0,0,0,0.1); */
+
+}
+
+.rounded-border:hover {
+  margin: 50px;
+  padding: 50px;
+  border: 2px solid #f7a901; 
+  /* 设置边框的宽度和颜色 */
+  border-radius: 10px; /* 设置圆角半径 */
+  margin-bottom: 100px;
+  /* max-width: 0.9vw; */
+  background-color: #ffa600c0;
+  box-shadow: 10px 10px 5px rgba(0,0,0,0.1);
 
 }
 
@@ -376,15 +389,17 @@ footer a:hover {
 
 .side-navbar {
   width: 250px;
-  position: fixed;
+  position: sticky;
   top: 0;
   left: 0;
-  height: 50vh;
+  height: auto;
   background-color: rgb(245, 245, 220);
   padding: 20px;
   box-shadow: 2px 0 5px rgba(0,0,0,0.1);
-  margin-top: 300px;
+  /* margin-top: 500px; */
   margin-left: 20px;
+  padding: 20px;
+  padding-top: 140px;
 }
 
 .side-navbar .nav-link {
@@ -617,4 +632,10 @@ footer a:hover {
 .navbar-img {
   height: 80px;
   width:auto;
+}
+
+.header-img {
+  height: 30%;
+  width: auto;
+  
 }
\ No newline at end of file

src/contents/safety.tsx

@@ -54,7 +54,13 @@ export function Safety() {
   return (
     <>
     <div className="custom-header-safety">
-<h1 className="centered-title">SAFETY</h1>
+<h1 className="centered-title">
+              <img 
+                src="https://static.igem.wiki/teams/5378/header/safety.webp"
+                alt="safety header"
+                className="header-img"
+              />
+</h1>
 </div>
       <div className="row  bg-rice_yellow">
         <div className="col-3">