baul roan

#tramabaul-roan .desc::-webkit-scrollbar {width: 5px; height: 5px;}
#tramabaul-roan .desc::-webkit-scrollbar-thumb {background:#3f232a; border: none;}
#tramabaul-roan .desc::-webkit-scrollbar-track {border: 2px solid #0c0d0d; background: #b4b4b4;}
#boxbaul-roan {letter-spacing: 1px; display: inline-block; padding: 5px; border: 1px solid #b4b4b4; width: 132px; margin-bottom: 5px;}
#boxbaul-roan .tit {line-height:100%; border: 1px solid #b4b4b4; padding: 5px; font-size: 10px; font-family: calibri; text-transform: uppercase; margin-bottom: 5px; color: #f2f2f2; letter-spacing: 2px;}
#tramabaul-roan {display: block; padding: 5px; border: 1px solid #b4b4b4; width: 430px; margin-bottom: 5px; position: relative; height: 150px;}
#tramabaul-roan img {height: 150px; width: 137px; position: absolute; top: 5px; left:5px;}
#tramabaul-roan .tit {line-height:100%; border: 1px solid #b4b4b4; padding: 5px; font-size: 10px; font-family: calibri; text-transform: uppercase; margin-bottom: 5px; color: #f2f2f2; letter-spacing: 2px; width: 275px; position: absolute; right: 5px; top: 5px;}
#tramabaul-roan .desc {width:283px; height: 120px; overflow-y: auto; text-align: justify; position: absolute; right: 5px; bottom: 5px; padding-right: 3px; letter-spacing: 1px;}
.barrita-roan::-webkit-scrollbar {width: 5px; height: 5px;}
.barrita-roan::-webkit-scrollbar-thumb {background:#3f232a; border: none;}
.barrita-roan::-webkit-scrollbar-track {border: 2px solid #0c0d0d; background: #b4b4b4;}
#basebaul-roan {width: 443px; padding: 15px; background: #0c0d0d; border-top: 10px solid #3f232a; border-bottom: 10px solid #3f232a; color: #f2f2f2; font-family: verdana; text-align: left; font-size: 10px; font-weight: normal; line-height: 110%;}
#basebaul-roan .titp {position: absolute; left: 56px; top: 56px; display: block; font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 100%; padding: 15px; background:rgba(0, 0, 0, 0.3); text-align: center; width: 300px; margin-bottom: 20px;}
#basebaul-roan .titp desc {font-family: calibri; font-size: 10px; font-weight: normal; letter-spacing: 2px; line-height: 110%; text-transform: none; color: #f2f2f2;}
/* cyrillic */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkbGoYc2k__mzXRGmHiKhNRg.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Playfair Display SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkagSM-COZYaf0ROcKl7uZVE.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 SC';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display SC'), local('PlayfairDisplaySC-Regular'), url(https://fonts.gstatic.com/s/playfairdisplaysc/v5/G0-tvBxd4eQRdwFKB8dRkRUcjaGRfmzOW8pfsS-qBq8.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;
}