@charset "utf-8";

.front-hero-message{
    padding: 80px 20px; text-align: center;
}

.front-visitor-message{
    max-width: 900px; margin: 0 auto; background: rgba(255,255,255,0.72); padding: 24px; border-radius: 12px;
}
.front-page-title{
    max-width: 900px; margin: 0 auto; background: rgba(255,255,255,0.72); padding: 24px; border-radius: 12px;
}
.not-found-message{
    padding: 80px 20px; text-align: center;
}
.not-found-title{
    max-width: 900px; margin: 0 auto; background: rgba(255,255,255,0.72); padding: 24px; border-radius: 12px;
}
.not-found-visitor-message{
    max-width: 900px; margin: 0 auto; background: rgba(255,255,255,0.72); padding: 24px; border-radius: 12px;
}

.wrapper {
    margin: 1.5em;
}

h2{
    font-size: 200%;
}

ul {
    margin-left: 1.5em;
}

section.not-found-message,
section.front-hero-message
   {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

section.front-hero-message .front-visitor-message,
section.not-found-message .not-found-visitor-message {
    width: 100%;
}

section.front-hero-message,
section.not-found-message
 {
    height: 100vh;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.front-page-title h1,
.not-found-title h1{
    font-size: 32px;
}