kjansdkjas

.postprofile {
border: 5px solid #8DC2E4;
display: block;
outline: 5px solid #D78585;
height: 400px;
margin: 15px;
overflow: hidden;
position: relative;
text-align: justify;
width: 180px;
}
#nombrecito {
border-bottom: 80px solid #8DC2E4;
border-left: 50px solid transparent;
font-family: Playfair Display;
height: 0;
font-size: 12px;
letter-spacing: 1px;
line-height: 80px;
margin-top: -80px;
position: relative;
text-transform: uppercase;
width: 150px;
}
#cajapost:hover .cajipost{
margin-top: -400px;
}
.cajipost {
-moz-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
background: #eef;
display: block;
height: 280px;
margin-top: 100px;
overflow: auto;
padding-right: 15px;
padding-left: 7px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
transition: all 1.2s ease-in-out;
width: 160px;
}
#cajapost {
width: 200px;
height: 400px;
overflow: hidden;
}#titli {
display: block;
padding: 5px;
text-transform: lowercase;
border-bottom: 2px solid #dd7788;
font-family: montserrat alternates;
font-size: 13px;
color: #dd7788!important;
text-align: center;
width: 150px;
}#titli2 {
background: #eeddee;
display: block;
padding: 5px;
color: #aaaacc;
text-align: center;
text-transform: lowercase;
width: 150px;
}/* latin */
@font-face {
font-family: 'Montserrat Alternates';
font-style: normal;
font-weight: 400;
src: local('MontserratAlternates-Regular'), url(http://fonts.gstatic.com/s/montserratalternates/v4/z2n1Sjxk9souK3HCtdHukpy2IC1KoJIC5P3EDKbgI_s.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/*barrita vertical*/
::-webkit-scrollbar-thumb:vertical {
height: ALTURA DESEADApx;
background: #DE7889;
border: 1px solid #eee;
}

/*barrita horizontal*/
::-webkit-scrollbar-thumb:horizontal {
width: ANCHO DESEADOpx;
background: #dd7788?;
border: 1px solid #COLOR DE BORDE;
}
::-webkit-scrollbar {
width: 10px;background: #dd7788?;
height: 10px;
}
?::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
height: 30px;
display: block;
background: #dd7788?;
}/* cyrillic */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CUR-13DsDU150T1bKbJZejI.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1CfoVn-aGdXvQRwgLLg-TkDk.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Playfair Display';
font-style: normal;
font-weight: 400;
src: local('Playfair Display'), local('PlayfairDisplay-Regular'), url(http://fonts.gstatic.com/s/playfairdisplay/v10/2NBgzUtEeyB-Xtpr9bm1Cdhy5e3cTyNKTHXrP9DO-Rc.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}