vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

made even more responsible

Browse Source
This commit is contained in:
Yannik
2023-05-20 21:59:47 +02:00
parent a57a30eb71
commit ddadeea8b2
1 changed files with 25 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
src/styles/global.scss
View File

@@ -15,22 +15,27 @@
body { body {
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
background-color: #0a0a0a; background-color: #0a0a0a;
height: 100vh;
width: 100vw;
margin: 0;
} }
.page{ .page{
margin: -10px;
width: 100%;
height: 100%;
position: absolute; position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
box-shadow: box-shadow:
inset 60px 0 120px rgba($primary-color, 0.2), inset 60px 0 120px rgba($primary-color, 0.2),
inset -60px 0 120px rgba($accent-color, 0.07); inset -60px 0 120px rgba($accent-color, 0.07);
} }
.wip-title { .wip-title {
margin: 100px;
font-size: 50px; font-size: 50px;
text-align: center; text-align: center;
color: white; color: white;
margin-top: 100px;
} }
.text-gradient { .text-gradient {
@@ -42,36 +47,39 @@ body {
} }
.card { .card {
position: absolute;
background-color: #1d1d1d; background-color: #1d1d1d;
border-style: solid;
border-color: #2d2d2d; border-color: #2d2d2d;
border-style: solid;
border-width: 1px; border-width: 1px;
color: white;
padding: 35px;
width: 45%;
margin:0;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border-radius: 15px; border-radius: 15px;
padding: 35px;
color: white;
width: 35%;
margin: auto;
margin-top: 7%;
display: flex;
justify-content: center;
box-shadow: rgba($primary-color, 0.4) 5px 5px, rgba($primary-color, 0.3) 10px 10px, rgba($primary-color, 0.2) 15px 15px, rgba($primary-color, 0.1) 20px 20px, rgba($primary-color, 0.05) 25px 25px; box-shadow: rgba($primary-color, 0.4) 5px 5px, rgba($primary-color, 0.3) 10px 10px, rgba($primary-color, 0.2) 15px 15px, rgba($primary-color, 0.1) 20px 20px, rgba($primary-color, 0.05) 25px 25px;
a { a {
color: #2525ca; color: #2525ca;
text-decoration: underline 2px; text-decoration: underline 2px;
margin: auto;
max-width: 500px;
} }
p{ p{
font-size: 20px; font-size: 20px;
margin: auto;
max-width: 500px;
} }
} }
@media (max-width: 800px) { @media (max-width: 800px) {
.wip-title{ .wip-title{
font-size: 30px;
margin: 100px;
margin-top: 50px; margin-top: 50px;
font-size: 30px;
} }
.card { .card {
margin-top: 20%; margin-top: 10%;
width: 60%; width: 65%;
} }
} }