94 lines
1.5 KiB
CSS
94 lines
1.5 KiB
CSS
* {
|
|
font-family: Verdana, Geneva, Tahoma, sans-serif;
|
|
}
|
|
|
|
body {
|
|
background-color: #f6f0e6;
|
|
margin: auto;
|
|
width: 50%;
|
|
padding: 10px;
|
|
}
|
|
|
|
nav {
|
|
display: flex;
|
|
gap: inherit;
|
|
}
|
|
|
|
.nav-item {
|
|
color: #d67d72;
|
|
}
|
|
|
|
.nav-item:hover {
|
|
color: #c65d53;
|
|
transition: 1.5s;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
}
|
|
|
|
h2 {
|
|
text-align: center;
|
|
color: #d67d72;
|
|
}
|
|
|
|
.git_button_a, .website_link_a {
|
|
height: 100%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.git_button, .website_link {
|
|
display: flex;
|
|
gap: 5px;
|
|
align-items: center;
|
|
padding: 10px;
|
|
border-radius: 8px;
|
|
background-color: #d67d72;
|
|
transition: 0.3s;
|
|
border: none;
|
|
}
|
|
|
|
.git_button:hover, .website_link:hover {
|
|
color: #ffffff;
|
|
background-color: #c65d53;
|
|
border: 1px solid #9b7432;
|
|
}
|
|
|
|
.badge {
|
|
width: 88px;
|
|
height: 31px;
|
|
}
|
|
|
|
main {
|
|
gap: 50px;
|
|
border-radius: 4px;
|
|
padding: 1%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
|
|
background-color: #ffffff;
|
|
}
|
|
|
|
img.illustration {
|
|
border-radius: 5px;
|
|
box-shadow: 0 5px 5px black;
|
|
object-fit: cover;
|
|
width: 100%;
|
|
height: 300px;
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
.button_div {
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.card {
|
|
display: flex;
|
|
border-top: 1px solid rgba(159, 162, 177, 0.4);
|
|
justify-content: center;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
} |