nyazoom/dist/css/main.css

83 lines
1.3 KiB
CSS
Raw Normal View History

2023-04-08 03:37:20 +00:00
body {
2023-04-11 11:38:55 +00:00
background-color: #fcb0b3;
color: #25283d;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
margin: 0;
2023-04-08 03:37:20 +00:00
}
.main-form {
2023-04-11 11:38:55 +00:00
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1em;
2023-04-08 03:37:20 +00:00
}
.form-wrapper {
2023-04-11 11:38:55 +00:00
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center;
2023-04-08 03:37:20 +00:00
}
.cat-img {
2023-04-11 11:38:55 +00:00
width: 250px;
height: 250px;
overflow: hidden;
2023-04-08 03:37:20 +00:00
}
.cat-img-wrapper {
2023-04-11 11:38:55 +00:00
border-radius: 100%;
overflow: hidden;
display: grid;
2023-04-08 03:37:20 +00:00
}
#cat-fact {
2023-04-11 11:38:55 +00:00
max-width: 25em;
padding: 0 1em;
text-align: center;
2023-04-08 03:37:20 +00:00
}
[type="file"] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute !important;
white-space: nowrap;
width: 1px;
}
[type="file"] + label {
2023-04-11 11:38:55 +00:00
background-color: #49dcb1;
2023-04-08 03:37:20 +00:00
border-radius: 1em;
cursor: pointer;
display: inline-block;
padding: 0.5em 1em;
}
[type="file"]:focus + label,
[type="file"] + label:hover {
2023-04-11 11:38:55 +00:00
filter: brightness(1.1);
2023-04-08 03:37:20 +00:00
}
[type="file"]:focus + label {
outline: 1px dotted #000;
}
[type="submit"] {
2023-04-11 11:38:55 +00:00
all: unset;
background-color: #49dcb1;
2023-04-08 03:37:20 +00:00
border-radius: 1em;
cursor: pointer;
display: inline-block;
padding: 0.5em 1em;
}
[type="submit"]:focus,
[type="submit"]:hover {
2023-04-11 11:38:55 +00:00
filter: brightness(1.1);
2023-04-08 03:37:20 +00:00
}