From 4b8f1fdc05589abd02d67c83b5f25a9425ef1671 Mon Sep 17 00:00:00 2001
From: Clyhtsuriva <aimeric@adjutor.xyz>
Date: Sun, 16 May 2021 19:37:08 +0200
Subject: Finishing the project

---
 style.css | 56 +++++++++++++++++++++++---------------------------------
 1 file changed, 23 insertions(+), 33 deletions(-)

(limited to 'style.css')

diff --git a/style.css b/style.css
index fd191b5..5896431 100755
--- a/style.css
+++ b/style.css
@@ -8,26 +8,21 @@ header{
     justify-content: space-between;
     align-items: center;
 }
-
 #logo img{
     width: 100%;
     height: auto;
 }
-
 #contacts{
   display: none;
 }
-
 #contacts p{
   font-size: 2vmin;
   margin-right: 10px;
 }
-
 #contacts img {
     min-width: 0%;
     max-width: 50%;
 }
-
 #hamenu span{
     display: block;
     width: 25px;
@@ -36,7 +31,6 @@ header{
     position: relative;
     background: white;
 }
-
 @media screen and (min-width: 750px) {
   #contacts {
     display: flex;
@@ -50,7 +44,6 @@ header{
     position: relative;
     margin: auto;
   }
-  
   /* Caption text */
   .text {
     color: #ccccff;
@@ -62,7 +55,6 @@ header{
     text-align: center;
     background-color: #040217;
   }
-  
   /* The dots/bullets/indicators */
   .dot {
     height: 15px;
@@ -73,11 +65,9 @@ header{
     display: inline-block;
     transition: background-color 0.6s ease;
   }
-  
   .active {
     background-color: #717171;
   }
-  
   /* Fading animation */
   .fade {
     -webkit-animation-name: fade;
@@ -85,43 +75,35 @@ header{
     animation-name: fade;
     animation-duration: 1.5s;
   }
-  
   @-webkit-keyframes fade {
     from {opacity: .4} 
     to {opacity: 1}
   }
-  
   @keyframes fade {
     from {opacity: .4} 
     to {opacity: 1}
   }
-.highlight {
-  color: blue;
-}
 
 #desc-and-pic-container{
   display: flex;
   flex-wrap: wrap;
 }
-
 #description img{
   height: auto;
   max-width: 35%;
 }
-
 #server_rack_img img{
-  max-width: 80%;
+  max-width: 50%;
   display: block;
   margin-left: auto;
   margin-right: auto;
 }
-
 @media screen and (min-width: 1000px) {
   #desc-and-pic-container{
-    flex-wrap: initial;
+    flex-wrap: nowrap;
   }
-  #picture img{
-    padding-top: 10px;
+  #server_rack_img img{
+    max-width: 80%;
   }
 }
 
@@ -129,18 +111,15 @@ header{
   display: flex;
   justify-content: space-around;
   align-items: center;
-  padding-top: 50px;
+  
 }
-
 #project-list-container a {
   color: white;
   text-decoration: none;
 }
-
 #menu-links nav {
   display: none;
 }
-
 @media screen and (min-width: 530px) {
   #menu-links {
     display: flex;
@@ -160,16 +139,20 @@ header{
   display: flex;
   justify-content: space-around;
   align-items: stretch;
-  padding-top: 10px;
 }
 #latest-project-pics img{
   max-width: 20%;
 }
+@media (max-width: 500px) {
+  .sec-pic{
+    display: none;
+  }
+}
+
 
 #reviews {
   display: flex;
 }
-
 .container {
   border: 2px solid white;
   background-color: black;
@@ -177,24 +160,20 @@ header{
   padding: 16px;
   margin: 16px 0
 }
-
 .container::after {
   content: "";
   clear: both;
   display: table;
 }
-
 .container img {
   float: left;
   margin-right: 20px;
   border-radius: 50%;
 }
-
 .container span {
   font-size: 20px;
   margin-right: 15px;
 }
-
 @media (max-width: 500px) {
   .container {
       text-align: center;
@@ -211,7 +190,6 @@ header{
   justify-content: space-between;
   align-items: center;
 }
-
 #latest-news-pics img {
   height: auto;
   max-width: 35%;
@@ -221,4 +199,16 @@ footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
+  flex-wrap: wrap;
+}
+footer a{
+  color: white;
+  text-decoration: none;
+  display: block;
+  
+}
+@media (max-width: 350px) {
+  footer a{
+    display: none;
+  }
 }
\ No newline at end of file
-- 
cgit v1.2.3