jun 12

style/_nav.scss

@@ -1,7 +1,7 @@
 @import '_variables';
 
 
-form{
+.form-search{
     width: 380px;
     height: 40px ;
 }
@@ -98,11 +98,32 @@ input::placeholder {
 .logo-img{
     cursor:pointer;
 }
+    
+.register{
+    .register-link{
+        color: #15c1c6;
+        cursor: pointer;
+        margin-right: 10px;
 
-
+    }
+    .register-link:hover{
+        color:#333333;
+        transition: 0.3s;
+    }
+}
 
 @media only screen and (min-width: 768px) {
-    form {
+    .register{
+        position: absolute;
+        top: 15px;
+        left: 20px;
+        .register-link:hover{
+            color:#efefef;
+            transition: 0.3s;
+        }
+    }
+    
+    .form-search{
         width: 229px !important;
         background-color: #4a4e55;
         padding-left: 34px;
@@ -170,10 +191,19 @@ input::placeholder {
 }
 
 @media only screen and (min-width: 992px) {
+    .register{
+        position: absolute;
+        left: 5%;
+        top: 2%;
+        .register-link:hover{
+            color:#efefef;
+            transition: 0.3s;
+        }
+    }
     .navbar{
         height: 60px;
     }
-    form{
+    .form-search{
         margin-left: 55px;
         margin-right: 72px;