/* @import url('https://fonts.cdnfonts.com/css/gagalin'); */
@font-face { font-family: trajan; src: url(fonts/trajan.woff); }
@font-face { font-family: trajanb; src: url(fonts/trajanb.woff2); }
@font-face { font-family: century; src: url(fonts/dscentury.woff2); }


html, body { width: 100%; height: 100%; padding: 0; margin: 0; }
body { background: url(img/bgr.jpg) #e4d8be top center; background-size: cover;  font-family: trajanb, sans-serif; font-weight: 100; color:#57401f; }
a { font-family: trajanb, sans-serif; color:#57401f; text-decoration: none; }
a:hover { color: #a00000; text-decoration: underline; }
div { box-sizing: border-box; }

h2 { border-bottom: 1px #57401f dashed; margin: 20px 30px 10px 0; font-weight: 400;}

.main { width:920px; height: 764px; margin: 0 auto;  padding: 315px 0 0;  }
.left { width: 600px; height: 430px; /* border:1px solid yellow; */ float: left; }
.right { width: 285px; height: 420px; /* border:1px solid red; */ float: right; padding: 15px 0 0 15px; }
.left a { display: block; width: 100%; height: 100%;  }
.right a { display: inline-block; padding: 10px 0; padding-left: 0px; margin: 0 15px 0 0;
  animation: glow 1s ease-in-out infinite alternate; }
.right a span { font-size: 20px; padding: 0 10px 0 0; }
.right a:hover { text-shadow: 0 0 10px #fff;}