/**
 * Reset some basic elements
 */
 body, h1, h2, h3, h4, h5, h6,
 p, blockquote, pre, hr,
 dl, dd, ol, ul, figure {
     margin: 0;
     padding: 0;
 }
 
 @font-face {
     font-family: 'alagard';
     src: url('src/main/resources/Fonts/alagard.ttf') format('truetype');
 }
 
 /**
  * Basic styling
  */
 body {
     font-family: 'alagard', Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1.5;
     font-weight: 300;
     color: #e2d8cf;
     background: linear-gradient(180deg, #041421, #1e5799);
     -webkit-text-size-adjust: 100%;
     text-align: center;
 }
 
 .site-header {
     background-color: #2c3e50;
     color: white;
     padding: 10px 0;
     text-align: center;
 }
 .site-header .wrapper {
     max-width: 1200px;
     margin: 0 auto;
 }
 .site-title {
     color: white;
     text-decoration: none;
     font-size: 24px;
 }
 .page-content {
     padding: 20px;
 }
 .wrapper {
     max-width: 1200px;
     margin: 0 auto;
 }
 .home h1 {
     font-size: 36px;
     color: #755a3f;
 }
 .home h2 {
     font-size: 28px;
     color: #b49271;
     margin-top: 20px;
 }
 .home h3 {
     font-size: 24px;
     color: #eec39a;
     margin-top: 20px;
 }
 .home ul {
     list-style: none;
     padding: 0;
     display: inline-block;
     text-align: center;
 }
 .home ul li {
     font-size: 18px;
     margin-bottom: 5px;
 }
 .home i {
     font-style: normal;
     font-weight: normal;
 }
 .home img {
     margin: 10px 0;
 }
 .text-logo {
     width: 80%;
     max-width: 500px;
     margin: 20px 0;
 }