ColormaticStudios/colormaticwebsite
Archived
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cool background animation

Browse Source
This commit is contained in:
Zakarya
2024-12-31 23:09:19 -08:00
parent 05ff4ecc5d
commit bdee81be16
10 changed files with 222 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
css/colormaticstudios.css
View File

@ -52,6 +52,8 @@ flex: 1;
text-align: center;
min-width: 40%;
max-width: 50%;
background-color: #ffffff44;
backdrop-filter: blur(6px);
}
div.project-grid-container div.project-grid-box h1 a {

13
css/style.css
View File

@ -7,12 +7,20 @@ body {
margin: 0;
}
div#particle-container {
position: fixed;
top: 0;
left: 0;
z-index: -1;
}
nav {
display: grid;
grid-template-columns: 1fr min-content 1fr;
align-items: center;
padding: 12px;
border-bottom: solid 1px #00000033;
z-index: 1;
margin: 0 auto;
width: 95%;
@ -108,6 +116,8 @@ main div.hero {
box-shadow: 1px 1px 8px #00000033;
padding: 16px;
text-align: center;
background-color: #ffffff44;
backdrop-filter: blur(6px);
}
@media screen and (max-width: 800px) {
@ -208,8 +218,9 @@ div.double-linktree ul.linktree {
ul.videolist {
list-style-type: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: 0;
width: min-content;
}
ul.videolist li {