From cda6bab0a406a90e69489f22ab50f16770a043a4 Mon Sep 17 00:00:00 2001
From: pauluwaifo <127699612+pauluwaifo@users.noreply.github.com>
Date: Sun, 10 Sep 2023 18:57:14 +0100
Subject: [PATCH] Add files via upload

---
 style.css | 130 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 129 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index d636ddf..8f79c61 100644
--- a/style.css
+++ b/style.css
@@ -88,4 +88,132 @@
     font-weight: 700;
     text-transform: uppercase;
   }
-  
\ No newline at end of file
+  @media only screen and (max-width: 1024px) {
+  
+    .wrapper {
+      background-color: #0d1520;
+      width:25%;
+      height: 320px;
+      border-radius: 20px;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+    }
+  }
+  @media only screen and (max-width: 768px) {
+  
+    .wrapper {
+      width:90%;
+      height: 350px;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+      background-color: #273345;
+      border-radius: 5px;
+    }
+    .profile-img-wrapper {
+      width: 80px;
+      height: 80px;
+      background-color: transparent;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+      border: 3px solid #786d89;
+    }
+    #profile-image {
+      width: 70px;
+      height: 70px;
+    }
+  
+  }
+  @media only screen and (max-width: 375px) {
+  
+    .wrapper {
+        background-color: #273345;
+        border-radius: 5px;
+      width:90%;
+      height: 350px;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+    }
+    .profile-img-wrapper {
+      width: 80px;
+      height: 80px;
+      background-color: transparent;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+      border: 3px solid #786d89;
+    }
+    #profile-image {
+      width: 70px;
+      height: 70px;
+    }
+  button {
+    margin-top: 20px;
+    padding: 12px 15px;
+    background-color: black;
+    border: 0;
+    color: white;
+    border-radius: 20px;
+    background-color: rgb(103, 103, 103);
+    font-weight: 600 !important;
+  }
+  .live-data{
+    display: flex;
+    gap: 20px;
+    align-items: center;
+   }
+  }
+  @media only screen and (max-width: 320px) {
+  
+    .wrapper {
+      background-color: #0d1520;
+      width:95%;
+      height: 320px;
+      border-radius: 20px;
+      display: flex;
+      justify-content: center;
+      flex-direction: column;
+      align-items: center;
+    }
+    .profile-img-wrapper {
+      width: 70px;
+      height: 70px;
+      background-color: transparent;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-radius: 50%;
+      border: 3px solid #786d89;
+    }
+    #profile-image {
+      width: 60px;
+      height: 60px;
+    }
+  button {
+      margin-top: 20px;
+    padding: 10px 12px;
+    background-color: black;
+    border: 0;
+    color: white;
+    border-radius: 20px;
+    background-image: linear-gradient(
+      to right,
+      #2b5876 0%,
+      #4e4376 51%,
+      #2b5876 100%
+    );
+  }
+  .live-data{
+    display: flex;
+    gap: 10px;
+    align-items: center;
+   }
+  }
\ No newline at end of file