cat/catmpeg.github.io
1
0
Fork 0
mirror of https://github.com/xelframe/catmpeg.github.io.git synced 2026-04-17 19:13:24 +03:00
Code Issues Projects Releases Packages Wiki Activity

new design

Browse source
This commit is contained in:
catmpeg 2026-02-24 15:38:50 +03:00
commit 6eb4796ff4
7 changed files with 53 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

52
assets/styles.css
View file

@ -21,23 +21,32 @@ body {
}
main {
margin-top: 20px;
border-radius: 15px;
display: flex;
flex-direction: column;
min-height: 100vh;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
padding: 20px;
width: 800px;
max-width: 100%;
backdrop-filter: blur(2px);
box-sizing: border-box;
}
main > a {
align-self: center;
}
h2 {
margin: 15px 0 10px;
}
h3 {
margin: 5px 0;
}
label {
margin-bottom: 8px;
}
.down {
margin-top: 20px;
border-radius: 15px;
padding: 10px;
margin-bottom: 20px;
background-color: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
margin-top: auto;
width: 100%;
}
a {
@ -66,15 +75,6 @@ a {
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.info {
display: flex;
justify-content: center;
}
.info > div {
margin: 0 20px;
}
.h1-404 {
font-size: 6em;
font-weight: 400;
@ -91,7 +91,7 @@ label {
#mybutton {
height: 50px;
width: 40%;
width: 500px;
resize: none;
color: #ddd;
background-color: rgba(0, 0, 0, 0.1);
@ -99,13 +99,13 @@ label {
border-radius: 5px;
padding: 5px;
overflow: hidden;
display: block;
margin: 0 auto;
}
@media (max-width: 800px) {
body { gap: 15px; padding: 0 10px; }
main { padding: 15px; }
h1 { font-size: 1.5rem; }
h2, h3, label { font-size: 1.1rem; margin: 12px 0; }
.info { display: block; }
.info > div { margin: 0; }
#mybutton { width: 200px; }
main { padding: 2%;}
}