* {
margin: 0;
}
html {
height: 100%;
}
body {
background-color: #fdfdfd;
height: 100%;
font-family: 'Open Sans', sans-serif;
}
img {
max-width: 100%;
}
.flex-wrapper {
display: flex;
min-height: 100vh;
flex-direction: column;
justify-content: space-between;
padding-top: 70px;
}
#green-terminal {
color: #00ff00;
}
.font-header {
font-family: 'Inconsolata', monospace;
}
.font-paragraph {
font-family: 'Open Sans', sans-serif;
}
nav {
font-size: 1.5em;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.dropdown-menu li {
font-size: 1.5em;
}
h1,h2,h3,h4,h5,h6 {
font-family: 'Concert One', cursive;
}
#user-name {
font-size: 5em;
text-transform: uppercase;
}
.user-description {
border-style: solid;
border-width: 5px;
border-color: #292929;
margin-top: 20px;
margin-bottom: 1em;
padding: 15px;
font-size: initial;
}
.user-profile {
padding: 0;
}
.user-picture {
border-style: solid;
border-width: 5px;
border-color: #292929;
margin-top: 20px;
}
i {
margin: 10px 20px 10px 20px;
color: #333;
}
.post-link {
float: left;
}
.post-date {
float: right;
}
.post-header {
background-color: #F5F5F5;
overflow: hidden;
padding: 0 5px 0 5px;
}
.post-summary, .post-content{
clear: both;
}
.post-summary {
padding: 0 5px 0 5px;
font-size: initial;
}
.post-list-footer {
padding-bottom: 5px;
}
#post-list {
list-style: none;
padding-left: 0;
}
.post-list-item {
margin-top: 20px;
border-style: solid;
border-width: 0 0 3px 0;
border-color: #292929;
}
.post-comments {
padding-top: 10px;
border-top-style: solid;
}
.wrapper {
min-height: 100%;
margin: 0 auto;
}
.footer {
background-color: #F5F5F5;
display: flex;
flex-direction: row;
justify-content: center;
width: 100%;
padding: 10px;
}
.footer p {
margin: 0 !important;
font-size: initial;
}
.col-centered{
float: none;
margin: 0 auto;
}
div p {
text-align: justify;
}
td {
margin: 0 20px 0 20px;
}
/*
* Some font-size tweaks for smaller screens
*/
@media screen and (max-width: 480px) {
.user-social {
font-size: 50%;
}
#user-name {
font-size: 2em;
}
nav {
font-size: 80%;
}
}
@media screen and (max-width: 320px) {
.user-social {
font-size: 40%;
}
#user-name {
font-size: 2em;
}
nav {
font-size: 80%;
}
}