jun 12

style/style.css

@@ -11,7 +11,7 @@
   font-family: "Merriweather";
   src: url("../assets/fonts/Merriweather-Regular.ttf") format("truetype");
 }
-form {
+.form-search {
   width: 380px;
   height: 40px;
 }
@@ -106,8 +106,27 @@ input::placeholder {
   cursor: pointer;
 }
 
+.register .register-link {
+  color: #15c1c6;
+  cursor: pointer;
+  margin-right: 10px;
+}
+.register .register-link:hover {
+  color: #333333;
+  transition: 0.3s;
+}
+
 @media only screen and (min-width: 768px) {
-  form {
+  .register {
+    position: absolute;
+    top: 15px;
+    left: 20px;
+  }
+  .register .register-link:hover {
+    color: #efefef;
+    transition: 0.3s;
+  }
+  .form-search {
     width: 229px !important;
     background-color: #4a4e55;
     padding-left: 34px;
@@ -158,10 +177,19 @@ input::placeholder {
   }
 }
 @media only screen and (min-width: 992px) {
+  .register {
+    position: absolute;
+    left: 5%;
+    top: 2%;
+  }
+  .register .register-link:hover {
+    color: #efefef;
+    transition: 0.3s;
+  }
   .navbar {
     height: 60px;
   }
-  form {
+  .form-search {
     margin-left: 55px;
     margin-right: 72px;
   }
@@ -1440,6 +1468,7 @@ footer .footer-copyright a:hover {
 }
 .sixth-part-au .card-q .collapsed {
   background-color: #333333;
+  transition: 0.5s;
 }
 
 @media only screen and (min-width: 768px) {