@font-face {
    font-family: 'CoFo Meteor V0.5 Cond';
    src: url('Fonts/CoFoMeteorV05-CondensedLight.eot');
    src: url('Fonts/CoFoMeteorV05-CondensedLight.eot?#iefix') format('embedded-opentype'),
        url('Fonts/CoFoMeteorV05-CondensedLight.woff2') format('woff2'),
        url('Fonts/CoFoMeteorV05-CondensedLight.woff') format('woff'),
        url('Fonts/CoFoMeteorV05-CondensedLight.ttf') format('truetype'),
        url('Fonts/CoFoMeteorV05-CondensedLight.svg#CoFoMeteorV0.5-CondensedLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFo Meteor V0.5 Cond';
    src: url('Fonts/CoFoMeteorV05-CondensedMedium.eot');
    src: url('Fonts/CoFoMeteorV05-CondensedMedium.eot?#iefix') format('embedded-opentype'),
        url('Fonts/CoFoMeteorV05-CondensedMedium.woff2') format('woff2'),
        url('Fonts/CoFoMeteorV05-CondensedMedium.woff') format('woff'),
        url('Fonts/CoFoMeteorV05-CondensedMedium.ttf') format('truetype'),
        url('Fonts/CoFoMeteorV05-CondensedMedium.svg#CoFoMeteorV0.5-CondensedMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFo Meteor V0.5 Normal';
    src: url('Fonts/CoFoMeteorV05-NormalMedium.eot');
    src: url('Fonts/CoFoMeteorV05-NormalMedium.eot?#iefix') format('embedded-opentype'),
        url('Fonts/CoFoMeteorV05-NormalMedium.woff2') format('woff2'),
        url('Fonts/CoFoMeteorV05-NormalMedium.woff') format('woff'),
        url('Fonts/CoFoMeteorV05-NormalMedium.ttf') format('truetype'),
        url('Fonts//CoFoMeteorV05-NormalMedium.svg#CoFoMeteorV0.5-NormalMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFo Meteor V0.5 Condensed';
    src: url('Fonts/CoFoMeteorV05-CondensedBold.eot');
    src: url('Fonts/CoFoMeteorV05-CondensedBold.eot?#iefix') format('embedded-opentype'),
        url('Fonts/CoFoMeteorV05-CondensedBold.woff2') format('woff2'),
        url('Fonts/CoFoMeteorV05-CondensedBold.woff') format('woff'),
        url('Fonts/CoFoMeteorV05-CondensedBold.ttf') format('truetype'),
        url('Fonts/CoFoMeteorV05-CondensedBold.svg#CoFoMeteorV0.5-CondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFo Meteor V0.5 Condensed';
    src: url('Fonts/CoFoMeteorV05-CondensedThin.eot');
    src: url('Fonts/CoFoMeteorV05-CondensedThin.eot?#iefix') format('embedded-opentype'),
        url('Fonts/CoFoMeteorV05-CondensedThin.woff2') format('woff2'),
        url('Fonts/CoFoMeteorV05-CondensedThin.woff') format('woff'),
        url('Fonts/CoFoMeteorV05-CondensedThin.ttf') format('truetype'),
        url('Fonts/CoFoMeteorV05-CondensedThin.svg#CoFoMeteorV0.5-CondensedThin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'CoFo Meteor V0.5 Condensed';
    src: url('Fonts/CoFoMeteorV05-CondensedRegular.eot');
    src: url('Fonts/CoFoMeteorV05-CondensedRegular.eot?#iefix') format('embedded-opentype'),
        url('Fonts/CoFoMeteorV05-CondensedRegular.woff2') format('woff2'),
        url('Fonts/CoFoMeteorV05-CondensedRegular.woff') format('woff'),
        url('Fonts/CoFoMeteorV05-CondensedRegular.ttf') format('truetype'),
        url('Fonts/CoFoMeteorV05-CondensedRegular.svg#CoFoMeteorV0.5-CondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

.top-banner img {
    max-width: 100%;
    height: auto;
    display: block;

} 
.no-transform:hover {
    transform: none;
}

.columbarium-inscription {
  display: flex;
  background-color: #585657;
  gap: 20px;
  padding: 39px 30px; 
  height: 270px;
  box-sizing: border-box;
}

.text-cell-1 {
  width: 120px;
  height: 176px;
  background-color: #D9D9D9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; 
  padding: 33px 0 23px 0;
  font-family:'CoFo Meteor V0.5 Normal';
  font-weight: 500;
  font-size: 177.47px;
  color: #585657;
  text-align: center;
}

.columbarium {
  display: flex;
  justify-content: space-between; 
  background-color: #585657;
  gap: 16px;
  padding: 0 30px;
  padding-bottom: 54px;
}

.columbarium-column {
  display: flex;
  flex-direction: column;
  gap: 78px;
}

.cell img {
  width: 100%;
  height: auto;
} 

.mourning-ribbons {
    height: 1849px;
    background-image: url('MourningRibbons.img/background-mourning-ribbons.png');
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 379px;
}

.mourning-inscription, .ribbons-inscription {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.mourning-inscription {
    margin-bottom: 59px;
}

.text-cell-2 {
    width: 138px;
    height: 175px;
    background-color: #D9D9D9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px 0 16px 0;
    font-family: 'CoFo Meteor V0.5 Normal';
    color: #585657;
    font-weight: 500;
    font-size: 205.35px;
    text-align: center;
}

.text-ribon-1 {
position: relative;
top: 170px;
left: -10px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #fff;
font-size: 62.44px;
font-weight: normal;
letter-spacing: 9%;
}

.text-ribon-2 {
position: relative;
top: 320px;
left: -10px;
font-family: 'CoFo Meteor V0.5 Normal';
color: #fff;
font-size: 62.44px;
font-weight: 500px;
letter-spacing: 9%;
}

.text-ribon-3 {
position: relative;
top: 460px;
left: -10px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #fff;
font-size: 78.97px;
font-weight: bold;
letter-spacing: 9%;
}

.glyph-structure {
    height: 6000px;
    background-color: #000000;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 143px;
}

.structure-inscription, .glyph-inscription {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.structure-inscription {
    margin-bottom: 59px;
}

.text-cell-3 {
    width: 138px;
    height: 175px;
    background-color: #D9D9D9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 21px 0 16px 0;
    font-family: 'CoFo Meteor V0.5 Normal';
    color: #585657;
    font-weight: 500;
    font-size: 205.2px;
    text-align: center;
}

.glyph-inscription-columns {
    display: flex;
    justify-content: space-between;
    gap: 200px;
}

.grave-column, .glyphs-column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.glyphs-column {
    margin-top: 340px;
}

.glyphs-column img:nth-child(1) {
    margin-bottom: 480px; 
}

.glyphs-column img:nth-child(2) {
    margin-bottom: 600px;
}

.glyphs-column img:nth-child(3) {
    margin-bottom: 650px;
}

.glyphs-column img:nth-child(4) {
    margin-bottom: 570px; 
}

img {
    transition: transform 0.3s ease; 
}

img:hover {
    transform: scale(1.10); 
}

.gates-of-heaven {
    background-image: url(FinalCross/final-background.png);
    height: 3601px;
    overflow: hidden;
}

.starring-1 {
    position: relative;
top: 3005px;
left: 140px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #000000;
font-size: 32.66px;
font-weight: bold;
}

.starring-2 {
    position: relative;
top: 3055px;
left: -340px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #000000;
font-size: 32.66px;
font-weight: bold;
text-align: center;
}

.group {
 position: relative;
top: 2947px;
left: 245px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #000000;
font-size: 32.66px;
font-weight: bold;
}

.hse-logo {
    position: relative;
top: 2700px;
left: 640px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #000000;
font-size: 32.66px;
font-weight: bold;
}

.font {
    position: relative;
top: 2830px;
left: 995px;
font-family: 'CoFo Meteor V0.5 Condensed';
color: #000000;
font-size: 32.66px;
font-weight: bold;
text-align: center;
width: 300px;
}

.font-name {
    font-size: 80.21px;
}

.link {
    margin-top: 20px;
}

a {
  color: inherit; 
  text-decoration: none;
}

a:visited {
  color: inherit;
}

a:hover {
  color: #999999; 
}

a:active {
  color: inherit; 
}