/*body tags below*/

#landing {
    font-family: 'Maragsa';
    margin: 0;
    background-image: url('media/landing-body.png');
}

#error {
    font-family: 'Maragsa';
    margin: 0;
    background-image: url('media/landing-ground.jpeg');
}

html {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*text tags below*/

p {
    font-family: 'Manuskript';
    font-size: 15px;
    color: #ffffff
}


a {
  font-family: 'Manuskript';
  text-decoration: none;
  font-size: 150%;
  color: #c4aead;
}

/*page text tags below*/

.land1 {
    font-family: 'Maragsa';
    font-size: 85%;
    color: #000033;
}

.land2 {
    font-family: 'Maragsa';
    font-size: 85%;
    color: #75a3a3;
}

error {
    font-family: 'Maragsa';
    font-size: 23px;
    color: #75a3a3;
    text-align: center;
}

/*div tags below*/

.container-landing {
  margin: auto;
  padding: 20px;
}

.row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
    padding: 10px;
    margin: 0 auto;
    
}


.landing-box {
    width: 250px;
    height: 370px;
    
    background-image: url(media/landing-box.gif);
    background-size: cover;
    background-repeat: no-repeat;
    
    justify-content: center;
    padding: 10px;
    display: block;
    
    border: 12px solid;
    border-color: #4d1300;
}

.landing-box-content {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-center {
  text-align: center;
}


.candle {
  margin: 0 auto;
  justify-content: center;
  align-items: center;
}



/*fonts below*/

@font-face {
  font-family: Maragsa;
  src: url(fonts/Maragsa.otf); 
}

@font-face {
  font-family: Manuskript;
  src: url(fonts/Manuskript.ttf); 
}