-
We are an open source community established to help people find all the algorithms and data structures for every popular language at a single place.
+
We are an open source community established to help people find all the algorithms and data structures for every popular language at a single place.
Explore Algorithms Implementation in the following Programming Languages
From 6c198c7a28318b170ddcd5868391470a923a675d Mon Sep 17 00:00:00 2001
From: moni108 <72193489+moni108@users.noreply.github.com>
Date: Fri, 2 Oct 2020 07:02:09 -0400
Subject: [PATCH 4/4] Update style.css
---
css/style.css | 26 ++++++++++++++++++++------
1 file changed, 20 insertions(+), 6 deletions(-)
diff --git a/css/style.css b/css/style.css
index f89b5a5..6279df7 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2,9 +2,12 @@ body {
font-family: Montserrat, Helvetica Neue, sans-serif;
line-height: 2em;
box-sizing: border-box;
- color: #333333b3;
+ color: #4c4177;
/* background: linear-gradient(to bottom right, #ffded1 0%,#ffded1 50%,#ffc5af 50%,#ffc5af 100%); */
- background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
+ background-image: linear-gradient(315deg, #4c4177 0%, #2a5470 74%);
+ height:100vh;
+ overflow: hidden;
+ color: white;
}
html, body {
@@ -14,12 +17,12 @@ html, body {
a {
text-decoration: none;
- color: #1b6568;
+ color: #98cfd1;
transition-duration: 100ms;
}
.github {
float: right;
- fill: #445978;
+ fill: #031e47;
padding-top: 5px;
}
@@ -28,6 +31,7 @@ p {
font-weight: 300;
font-size: 23px;
text-align: center;
+
}
.name {
@@ -46,8 +50,8 @@ p {
padding: 12px;
line-height: normal;
text-align: center;
- border: 4px solid #445978;
- color: #445978;
+ border: 4px solid #e1e5eb;
+ color: #8ab0e9;
}
main {
@@ -66,15 +70,25 @@ div.grid {
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
+ width:90%;
+ padding: 10px;
+ margin: 100px auto;
+ justify-content: center;
}
div.grid-item {
margin-bottom: 20px;
margin-top: 10px;
+ width: 100px;
+ height: 100px;
+ transition: 1s;
}
.language-name:hover{
border-bottom: 3px solid #1b6568;
transition-duration: 100ms;
}
+div.grid-item:hover{
+ transform: scale(1.3);
+}