background-image: url(https://i.imgur.com/QpnTsrV.jpg);
content: "";
height: 300%;
left: -50%;
opacity:.2;
position: fixed;
top: -110%;
width: 300%;
pointer-events:none;
}
@keyframes grain {
0%, 100% { transform:translate(0, 0) }
10% { transform:translate(-5%, -10%) }
20% { transform:translate(-15%, 5%) }
30% { transform:translate(7%, -25%) }
40% { transform:translate(-5%, 25%) }
50% { transform:translate(-15%, 10%) }
60% { transform:translate(15%, 0%) }
70% { transform:translate(0%, 15%) }
80% { transform:translate(3%, 35%) }
90% { transform:translate(-10%, 10%) }
}
:root {
--logo-blue: #3e4935;
--darker-blue: #785633;
--lighter-blue: #6e7363;
--even-lighter-blue: #785633;
--lightest-blue: #785633;
--dark-orange: #785633;
--light-orange: #785633;
--even-lighter-orange: #3e4935;
--green: #6e7363;
}
* {
font-family: Monospace;
}
body
{background: url("https://i.pinimg.com/1200x/62/f9/5b/62f95b3afb5b293d430042ec1d3d069d.jpg")
no-repeat fixed; background-size: cover;
}
.blog-preview p {
background-color: none;
padding: 5px 10px;
border-radius: 10px;
color: black;
}
.blog-preview p a{
color: #6e7c63!important;
}
.blog-preview p a:hover,
.blog-preview p a:active,
.blog-preview p a:focus{
color: white!important;
}
nav {
border-radius: 15px 15px 0 0;
overflow: hidden;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: none;
}
table.details-table {
border-collapse: collapse;
}
table.details-table td {
background-color: transparent !important;
}
.heading {
padding: 5px 0 !important;
margin-top: 15px;
margin-bottom: 10px;
background-color: transparent !important;
color: #2a2a2a !important;
border-bottom: 2px solid;
}
main {
border-radius: 0 0 15px 15px;
background: rgba(227, 217, 198, 0.70) !important;
}
.container {
border-radius: 0 0 15px 15px;
overflow: hidden;
margin-top: 30px;
padding: 10px;
}
footer {
border-radius: 15px;
background: rgba(227, 217, 198, 0.70) !important;
display: block !important;
}
table.comments-table td {
background-color: rgba(227, 217, 198, 0.50) !important;
}
.comments-table td:first-child img {
width: 80px;
border-radius: 1px;
}
.profile .friends .person img {
border-radius: 500px;
}
.friends-grid img{
opacity(50%)
border-radius: var(--curve)
filter: color:;
.blog-preview p {
font-size: 1.4rem;
}
a.addme {
font-size: 2rem;
font-weight: bold;
margin-bottom: 15px;
display: block;