* {
box-sizing: border-box;
}
.navbar {
background: linear-gradient(
90deg,
rgba(131, 58, 180, 1) 0%,
rgba(253, 29, 29, 1) 50%,
rgba(252, 176, 69, 1) 100%
);
padding: 15px 0;
border-radius: 5px;
}
.navbar ul {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 15px;
}
.navbar li {
list-style: none;
}
.navbar li {
background: rgba(255, 255, 255, 0.2);
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
border-radius: 5px;
padding: 10px;
}
.navbar a {
color: white;
font-weight: bold;
}
.navbar li:hover {
opacity: 0.9;
transition: 0.5s;
background: none;
}
.navbar li:hover {
opacity: 0.9;
transition: 0.5s;
}
.navbar li:active a {
color: white;
}
.navbar li:first-child {
border-bottom-left-radius: 15px;
}
.navbar li:nth-last-child(2) {
border-bottom-right-radius: 15px;
}
.navbar-logo {
background: none !important;
box-shadow: none !important;
margin-left: auto;
}
.statement-card {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.statement-username {
margin: 0;
padding: 0 1rem;
font-weight: bold;
font-size: 150%;
}
.statement-real-name {
margin: 0;
padding: 0 0 0 1rem;
}
.statement-date,
.statement-languages,
.statement-projects {
font-size: small;
}
.statement-date {
text-align: right;
}
.statement-statement {
padding: 0.5rem 1rem;
}
.statement-card-body {
display: grid;
grid-template-columns: 1fr 2fr;
}
.statement-data {
padding: 25px;
}
.statement-image {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/68/WikiSP-Birthday-Pattern.png');
background-size: cover;
}
#create-new-statement legend {
text-align: center;
}