onecatper.day/style.css

73 lines
1.0 KiB
CSS

* {
margin: 0;
padding: 0;
}
nav {
display: flex;
justify-content: space-around;
}
header {
padding: 0.5em;
}
header, footer {
background-color: #4c8ed2;
color: #403f46;
}
header div h1 {
padding: 0.1em;
font-size: 3em;
display: inline;
}
.greeting {
width: 50%;
display: flex;
flex-direction: column;
}
.buttons {
display: flex;
align-items: center;
justify-content: flex-end;
}
button {
font-size: 1.25em;
margin: 5px;
padding: 10px;
border-radius: 10px;
color: #403f46;
background-color: #1cb9b5;
box-shadow: 10px 5px 5px #67cbc4;
}
button span {
vertical-align: middle;
padding-left: 5px;
padding-right: 5px;
}
main {
background-color: #9a6db6;
display: flex;
justify-content: center ;
}
.cat-img {
height: 500px;
margin: 15px;
width: auto;
border-radius: 10px;
border: 5px solid #6d5a8c;
}
footer p {
margin: auto;
padding: 1em;
text-align: center;
font-size: 1.5em;
}