1
0
Fork 0
nyazoom/dist/css/main.css

83 lines
1.3 KiB
CSS

body {
background-color: #fcb0b3;
color: #25283d;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
width: 100vw;
margin: 0;
}
.column-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1em;
}
.form-wrapper {
display: flex;
flex-grow: 1;
align-items: center;
justify-content: center;
}
.cat-img {
width: 250px;
height: 250px;
overflow: hidden;
}
.cat-img-wrapper {
border-radius: 100%;
overflow: hidden;
display: grid;
}
#cat-fact {
max-width: 25em;
padding: 0 1em;
text-align: center;
}
[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 {
background-color: #49dcb1;
border-radius: 1em;
cursor: pointer;
display: inline-block;
padding: 0.5em 1em;
}
[type="file"]:focus + label,
[type="file"] + label:hover {
filter: brightness(1.1);
}
[type="file"]:focus + label {
outline: 1px dotted #000;
}
[type="submit"] {
all: unset;
background-color: #49dcb1;
border-radius: 1em;
cursor: pointer;
display: inline-block;
padding: 0.5em 1em;
}
[type="submit"]:focus,
[type="submit"]:hover {
filter: brightness(1.1);
}