mycosystems/myco.systems
3
0
Fork 0
Code Pull requests Activity Actions

update

Browse source
This commit is contained in:
brookee 2024-02-08 11:11:15 -05:00
parent e0f994bf24
commit ea64310ac5
2 changed files with 19 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/index.html
View file

@ -3,9 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Mycelial Network</title> <title>The Mycelial Network</title>
<link rel="stylesheet" href="./style.css"> <link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./tabs.css">
<link rel="stylesheet" href="./modal.css"> <link rel="stylesheet" href="./modal.css">
<link rel="icon" href="icons/red-background/favicon.ico" type="image/x-icon"> <link rel="icon" href="icons/red-background/favicon.ico" type="image/x-icon">
</head> </head>

40
public/style.css
View file

@ -45,9 +45,7 @@ body,
} }
.center-text { .center-text {
position: absolute; position: fixed;
top: 35vh;
left: 10.5rem;
gap: 25px; gap: 25px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -56,6 +54,22 @@ body,
z-index: 10; z-index: 10;
background-color: #241917; background-color: #241917;
max-width: 85vw; max-width: 85vw;
top: 50%;
left: 50%;
transform: none;
margin-left: -15vw;
margin-top: -12vh;
}
@media only screen and (max-width: 767px) {
.center-text {
left: 15px;
right: 15px;
top: 40%;
margin-left: 0;
margin-top: 0;
max-width: 100vw;
}
} }
.tabs { .tabs {
@ -64,7 +78,7 @@ body,
.tab { .tab {
cursor: pointer; cursor: pointer;
padding: 8px; padding: 4px 15px;
border-width: 0 4px 4px 0; border-width: 0 4px 4px 0;
border-style: solid; border-style: solid;
border-color: #f3bbae92; border-color: #f3bbae92;
@ -104,24 +118,6 @@ body,
display: block; display: block;
} }
@media only screen and (min-width: 1024px) {
.center-text {
left: 10z.5rem;
}
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
.center-text {
left: 2.5rem;
}
}
@media only screen and (max-width: 767px) {
.center-text {
left: 1.5rem;
}
}
.bullet-text { .bullet-text {
font-size: 14px; font-size: 14px;
text-align: left; text-align: left;