kjannette/kongruity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
KS Jannette
2026-02-13 16:43:00 -05:00
parent 091315c188
commit 61835ae3aa
6 changed files with 81 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
frontend/src/styles/home.css
View File

@@ -1,74 +1,73 @@
.main-head-box {
border-radius: 8px;
border: 1px solid #6dd6f4;
background-color: rgb(92, 0, 91);
display: flex;
}
border-radius: 8px;
border: 1px solid #6dd6f4;
background-color: rgb(92, 0, 91);
display: flex;
}
.main-head-subbox-right {
display: flex;
justify-content: flex-end;
margin-right: 34px;
width: 50%;
}
.main-head-subbox-left {
display: flex;
justify-content: flex-start;
margin-left: 34px;
width: 50%;
}
.main-head {
font-size: 5rem;
color: #6dd6f4;
margin: 6px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif;
font-weight: 500;
letter-spacing: 4px;
text-decoration: underline;
}
.material-symbols-outlined {
margin: 13px 74px 0px 0px;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
@media screen and (max-width: 478px) {
.main-head-subbox-right {
display: flex;
justify-content: flex-end;
margin-right: 34px;
width: 50%;
display: none;
}
.main-head-subbox-left {
display: flex;
justify-content: flex-start;
margin-left: 34px;
width: 50%;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.main-head {
font-size: 5rem;
font-size: 4rem;
color: #6dd6f4;
margin: 6px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif;
font-weight: 500;
letter-spacing: 4px;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline;
}
.material-symbols-outlined {
margin: 13px 74px 0px 0px;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24
display: none !important;
}
@media screen and (max-width: 478px) {
.main-head-subbox-right {
display: none;
}
.main-head-subbox-left {
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.main-head {
font-size: 4rem;
color: #6dd6f4;
font-family: "Sulphur Point", sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline;
}
.material-symbols-outlined {
display: none !important;
}
}
}