improvements
This commit is contained in:
parent
fc55d62b38
commit
447a2fb668
5 changed files with 50 additions and 24 deletions
26
index.css
26
index.css
|
@ -1,7 +1,7 @@
|
|||
:root {
|
||||
--primary-color: #feb938;
|
||||
--secondary-color: #a3741d;
|
||||
--card-bg-color: #101010;
|
||||
--card-bg-color: #050505;
|
||||
}
|
||||
|
||||
* {
|
||||
|
@ -37,30 +37,25 @@ body {
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 100vh;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
ul { list-style-type: none; margin-bottom: 2px; }
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
color: var(--secondary-color);
|
||||
}
|
||||
a { text-decoration: none; text-shadow: none; color: var(--secondary-color); }
|
||||
|
||||
a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-color); }
|
||||
|
||||
.card {
|
||||
.card {
|
||||
border: 4px solid var(--primary-color);
|
||||
box-shadow: 0px 0px 8px var(--primary-color);
|
||||
background: var(--card-bg-color);
|
||||
border-radius: 5%;
|
||||
text-align: center;
|
||||
padding: 25px;
|
||||
margin: 16px;
|
||||
border-radius: 3%;
|
||||
text-align: center; padding: 25px; margin: 16px;
|
||||
}
|
||||
|
||||
.card img {
|
||||
border: 3px solid var(--primary-color);
|
||||
border: 4px solid var(--primary-color);
|
||||
box-shadow: 0px 0px 8px var(--primary-color);
|
||||
background-color: var(--secondary-color);
|
||||
border-radius: 50%;
|
||||
|
@ -82,11 +77,6 @@ a:hover { color: var(--primary-color); text-shadow: 1px 1px 10px var(--primary-c
|
|||
.list li { margin-top: 8px; }
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
.card {
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.card { border: none; box-shadow: none; background: none; }
|
||||
.card img { width: 150px; height: auto; }
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue