Update style.css

Pudi-Sravan · Feb 11, 2024 · 7f0cc74 · 7f0cc74
1 parent b66c3e1
commit 7f0cc74
Showing 1 changed file with 37 additions and 30 deletions.
diff --git a/style.css b/style.css
@@ -58,14 +58,13 @@ header p{
 .navbar p {
     text-decoration: none;
     margin-right: 20px;
-    margin-top: 3px;
-    padding: 8px 10px;
+    margin-top: 9px;
+    padding: 3px 2px;
     transition: padding 0.2s ease-in-out; 
 }
 .navbar p:hover {
-    padding-left: 0px;
-    padding-right: 0px;
-    border-bottom: 4px solid black;
+    border-radius: 4px;
+    background-color: rgba(1, 34, 37, 0.6);
     padding-bottom: 2.5px;
     margin-right:24px ;
 }
@@ -116,50 +115,57 @@ header p{
 }
 .main img{
     width: 100%;
+    border-radius: 4.8%;
 }
 .movie{
     width: 300px;
     margin: 20px;
-    background-color: #3e3b39;
-    box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.7);
+    background-color: #3e3b3900;   
     border-radius: 4px;
-    overflow: hidden;
     position: relative;
     color: white;
 }
+.mov{
+    width: 300px;
+    margin: 10px;
+    overflow: hidden;
+    position: relative;
+}
 .main{
     display: flex;
     flex-wrap: wrap;   
     justify-content: center;
+    align-content: center;
 }
 .info{
-    background-color: #3e3b39;
+    width: 100%;
+    background-color: #3e3b3900;
     display: flex;
     justify-content: space-around;
     align-content: center;
-    padding-bottom: 3px;
 }
 .rating{  
     display: flex;
     justify-content: center;
     max-height: 36px;
     min-width: 36px;
-    background: rgb(238, 199, 6);
+    background: rgba(238, 199, 6, 0.822);
     border-radius: 7px;
     padding: 3px;
     font-weight: bolder;
     color: black;
 }
 .overview{
-    background-color: rgba(164, 57, 57, 0.95);
+    border-radius: 4.8%;
+    background-color: rgba(0, 0, 0, 0.59);
     width: 300px;
-    color: aliceblue;
-    padding: 10px;
+    color: rgb(255, 255, 255);
+    padding: 11px 10px 0px 10px;
     position: absolute;
     left: 0px;
     right: 0px; 
     bottom: 0px;
-    max-height: 78%;
+    height: 100%;
     transform: translateY(100%);
     overflow-y: auto;
     transition: transform 0.25s ease-in;
@@ -190,7 +196,7 @@ header p{
     justify-content: center; 
     align-items: center;
     text-align: center; 
-    background: #3e3b3920;
+    background: #3e3b3900;
     padding: 10px 40px;
     border-radius: 6px;
     height: 50px;
@@ -201,7 +207,7 @@ header p{
     justify-content: center; 
     align-items: center; 
     text-align: center; 
-    background: #3e3b3920;
+    background: #3e3b3900;
     padding: 10px 40px;
     height: 50px;
 }
@@ -281,6 +287,7 @@ header p{
     border-bottom: 3px solid rgb(42, 40, 40);
     padding-bottom: 2px;
     margin-right: 17px;
+
 }
 .opening{
     font-size: 15px;
@@ -308,15 +315,18 @@ header p{
     height: 40px;
     font-size: 20px;
 }    
-.prev,.next {
+.prev,
+.next {
     font-size: 20px;
     margin: 0 10px; 
     padding: 0 15px; 
 }
+
 .prev img {
     width: 20px;
     margin-right: 4px; 
 }
+
 .next img {
     width: 20px;
     margin-left: 4px; 
@@ -327,7 +337,8 @@ header p{
         background: linear-gradient(90deg, rgba(2, 0, 36, 0.6) 44%, rgba(238, 10, 59, 0.6) 78%, rgba(0, 213, 255, 0.6) 100%);
     }
     .checkbox{
-        display: block;      
+        display: block;
+
     }
     .navbar{
       min-height: 35vh;
@@ -366,20 +377,17 @@ header p{
 .pageno {
     margin: 15px 28px;
 }
-
 .pageno li {      
     margin: 0px 8px;
     width: 38px;
     height: 40px;
     font-size: 18px;
 }    
-.prev,
-.next {
+.prev,.next {
     font-size: 18px;
     margin: 0 8px; 
     padding: 0 14px; 
 }
-
 .prev img {
     width: 20px;
     margin-right: 3px; 
@@ -415,13 +423,12 @@ header p{
         display: flex;
         align-items: center; 
     }
-
     .inpagebox {
         padding: 10px 28px;
         height: 34px;
         display: flex;
         align-items: center; 
-    }  
+    }
     .pageno {
         margin: 10px 13px;
         list-style: none; 
@@ -436,22 +443,22 @@ header p{
         display: flex;
         align-items: center; 
         justify-content: center; 
-    } 
-    .prev, .next {
+    }
+    .prev,.next {
         font-size: 10px;
         margin: 0 4px;
         padding: 0 8px;
         display: flex;
         align-items: center; 
-    } 
+    }
     .prev img {
         width: 14px;
         margin-right: 2px;
-    }
+    }    
     .next img {
         width: 14px;
         margin-left: 2px;
-    }
+    }    
     .checkbox{
         margin-right: 10px;
     }