changes made

Author: UsamaBinKashif

css/style.css

@@ -1,52 +1,38 @@
 * {
   margin: 0;
   padding: 0;
-  font-family: "Cantora One", ubuntu, sans-serif;
+  font-family: "Poppins", sans-serif;
 }
 
 body {
   background-color: #c0c0c0;
-  margin: 2px 10px;
+  /* margin: 2px 10px; */
 }
 
-.body-div {
-  height: 100%;
-  width: 100%;
-}
+/* .body-div {
+ 
+} */
 
 /* HEADER */
 
 /* NAV */
-.nav-div {
-  margin-top: 20px;
-  height: 10%;
-  width: 100%;
-}
-
-.nav-list {
-  list-style-type: none;
-}
 
-.left-item {
-  float: left;
-  padding: 2px 20px;
-  font-variant: small-caps;
-  font-weight: 800;
-}
-
-.right-item {
-  float: right;
-  font-variant: small-caps;
-  padding: 2px 20px;
-  font-weight: 800;
+.main-logo {
+  width: 50%;
+  height: 50%;
 }
 
+/* // NAV */
 
-.nav-line {
+/* SLIDER */
+/* .slider-img {
   width: 100%;
-}
-
-/* // NAV */
+/* } */
+.slide {
+  margin-top: 100px ;
+  padding-top: 1.5em;
+} 
+/* // SLIDER */
 
 /* MAIN */
 
@@ -70,115 +56,102 @@ body {
 
 /* // IMAGE */
 
-/* TEXT */
-.text-div {
+/* about*/
+.about-section {
+  padding: 4em 2em;
+  text-align: center;
   height: 70%;
 }
 
-.heading {
+.about-section > .h1 {
   padding: 10px;
+  font-weight: 600;
 }
 
-.para {
+.about-section > .p {
   text-align: justify left;
   padding: 20px;
 }
 
-.thumbnails {
-  width: auto;
-  margin: 10px;
-  float: none;
-  text-align: center;
-}
-
-img {
-  justify-content: center;
-  margin: 10px;
-  height: 200px;
-}
-/* // TEXT */
+/* // about*/
 
-/* // Author */
 
-/* // MAIN */
 
-.wrapper-div {
-    height: 100px;
+/* cast */
+.cast-section{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-wrap: wrap;
+ padding: 2.5em;
 }
-
-/* FOOTER */
-.footer {
-  background: #303036;
-  color: #d3d3d3;
-  height: 300px;
-  position: relative;
+.cast-section>h1{
+  padding: 10px;
 }
-
-.footer .footer-bottom {
-  background-color: #343a40;
-  color: #686868;
-  text-align: center;
-  height: 50px;
-  position: absolute;
-  bottom: 0px;
-  left: 0px;
-  width: 100%;
-  padding-top: 20px;
+.cast-section>p{
+  padding: 20px;
+  text-decoration: none;
+  
 }
-
-.footer .footer-content {
-  height: 250px;
+.cast-section_images{
   display: flex;
+flex-wrap: wrap;
+gap: 10px;
 }
 
-.footer .footer-content .footer-section {
-  flex: 1;
-  padding: 25px;
-}
-
-.footer .footer-content h1 {
-  color: white;
-}
+/* //cast */
 
-.footer-para {
-  margin: 10px 0;
-}
 
-.footer .footer-content .about .contact span {
-  display: block;
-  margin-bottom: 8px;
-  font-size: 1.1em;
-}
 
-.footer .footer-content .about .socials a {
-  border: 1px solid gray;
-  width: 45px;
-  height: 38px;
-  padding-top: 5px;
-  margin-right: 5px;
+/* season */
+.season-section{
+  padding: 10px 30px 10px 0px;
   text-align: center;
-  display: inline-block;
-  font-size: 1.3em;
-  text-decoration: none;
-  color: #d3d3d3;
-  border-radius: 5px;
-  transition: all 0.3s;
 }
-
-.footer .footer-content .about .socials a:hover {
-  color: white;
-  border: 1px solid white;
-  transition: all 0.3s;
+.season-section>h2{
+  margin-left: 50px;
 }
 
-.footer-section {
-  text-align: center;
+.season-section>ul{
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  list-style: none;
+  font-size: 1.5rem;
+  flex-wrap: wrap;
 }
+/* //season */
+/* // MAIN */
 
-.logo-text {
-  font-variant: initial;
+.wrapper-div {
+  height: 100px;
 }
 
-.logo-text .logo-span {
-  color: #a2c376;
+/* FOOTER */
+.footer {
+padding: 30px;
+ text-align: center;
+}
+
+
+
+
+@media (min-width: 42.5em) {
+  .main-logo {
+    width: 25%;
+    height: 25%;
+  }
+   .slider-img {
+    width: 100%;
+    height: 33em ;
+    
+  }
+  .slide { 
+    margin-top: 50px ;
+    padding-top: 30px;
+  }
+  .cast-section{
+    padding: 5em;
+  }
 }