SowinskiBraeden/.profile
1
0 Fork 0
Code Issues Packages Projects Releases Wiki Activity

update about me page styles

Browse Source
This commit is contained in:
SowinskiBraeden committed 2025-02-01 15:35:02 -08:00
1 parent 276095ff49
commit 0ebcf0f67f
6 files changed
+180 -189
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/css/projects.css
+29 -29
View File
@@ -13,33 +13,33 @@
transition: 0.8s;
width: 54vh;
height: auto;
margin: 30px;
padding: 20px;
margin: 30pt;
padding: 20pt;
background-color: var(--menu-text-bg);
border-radius: 24px;
border-radius: 24pt;
display: flex;
}
.box {
transition: 0.8s;
background-color: var(--theme);
border-radius: 12px;
padding-top: 12px;
padding-left: 12px;
padding-right: 12px;
border-radius: 12pt;
padding-top: 12pt;
padding-left: 12pt;
padding-right: 12pt;
}
.content {
transition: 0.8s;
margin-left: 18px;
margin-right: 18px;
margin-left: 18pt;
margin-right: 18pt;
align-items: stretch;
}
.content h2 {
transition: 0.8s;
font-size: 275%;
margin-top: 5px;
margin-top: 5pt;
font-family: "Sixtyfour Convergence", serif;
font-optical-sizing: auto;
font-weight: 400;
@@ -49,8 +49,8 @@
"SCAN" 0,
"XELA" 0,
"YELA" 0;
margin-bottom: 0px;
text-shadow: 1px 1px 2px red, 0 0 1em var(--accent), 0 0 0.2em var(--secondary);
margin-bottom: 0pt;
text-shadow: 1pt 1pt 2pt red, 0 0 1em var(--accent), 0 0 0.2em var(--secondary);
min-width: 2.75cm;
}
@@ -60,7 +60,7 @@
font-weight: 400;
font-style: normal;
text-transform: uppercase;
margin-top: 20px;
margin-top: 20pt;
margin-left: 0.75cm;
}
@@ -75,11 +75,11 @@
.content a {
background-color: var(--secondary);
padding: 8px;
border-radius: 8px;
padding: 8pt;
border-radius: 8pt;
position: relative;
box-shadow: 1px 1px 2px red, 0 0 1em var(--accent), 0 0 0.2em var(--secondary);
margin-bottom: 15px;
box-shadow: 1pt 1pt 2pt red, 0 0 1em var(--accent), 0 0 0.2em var(--secondary);
margin-bottom: 15pt;
}
.content-head {
@@ -98,9 +98,9 @@
}
.content-body a {
margin-bottom: 15px;
margin-bottom: 15pt;
text-align: center;
max-width: 100px;
max-width: 100pt;
}
.content-body #links {
@@ -109,9 +109,9 @@
}
#links a {
margin-bottom: 15px;
margin-bottom: 15pt;
text-align: center;
width: 100px;
width: 100pt;
}
/* prevents it changing color */
@@ -123,10 +123,10 @@
display: flex;
justify-content: space-between;
transition: .8s;
padding: 8px;
padding: 8pt;
background-color: var(--menu-text-bg);
border-radius: 12px;
margin-bottom: 24px;
border-radius: 12pt;
margin-bottom: 24pt;
width: 80vw;
}
@@ -134,20 +134,20 @@
font-family: "Ubuntu", serif;
font-weight: 400;
font-style: normal;
margin-left: 12px;
margin-left: 12pt;
}
.social-icons {
margin-top: 6px;
margin-right: 24px;
margin-top: 6pt;
margin-right: 24pt;
}
.content-body a:hover {
background-color: #e4a295;
}
@media only screen and (max-width: 544px) {
@media only screen and (max-width: 544pt) {
.content-head h2 {
margin-top: 24px;
margin-top: 24pt;
}
}