image_node/public/css/main.css

96 lines
1.3 KiB
CSS

body {
background-color: #8EC5FC;
background-image: linear-gradient(62deg, #8EC5FC 0%, #E0C3FC 100%);
}
h1 {
width: fit-content;
padding: 0.3em;
margin: auto auto 0.4em auto;
text-align: center;
border-bottom-width: 1px;
border-bottom-color: black;
border-bottom-style: solid;
}
h2 {
text-align: center;
}
.fail {
color: red;
}
p {
text-align: center;
}
form {
background-color: #a7a4a459;
border-radius: 0.7em;
display: flex;
align-items: center;
align-content: center;
flex-direction: column;
justify-content: center;
width: fit-content;
height: fit-content;
margin: auto;
padding: 1em;
}
form>div {
margin: 0.3em;
}
.file_button::-webkit-file-upload-button, button, .button {
border-radius: 0.3em;
border-width: 0em;
padding: 0.5em;
}
.images {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.image {
margin: 2em;
max-width: 100%;
width: auto;
max-height: 20em;
height: auto;
}
header {
display: flex;
position: absolute;
right: 0;
margin: 0.5em;
align-items: center;
justify-content: space-between;
}
.hy {
margin-right: 1em;
}
.button {
background-color: buttonface;
text-decoration: none;
color: initial;
width: fit-content;
height: fit-content;
}
.buttons {
margin: 2em;
display: flex;
justify-items: center;
align-content: center;
justify-content: center;
}