/* =========================
FONTS
========================= */
@font-face {
font-family: "MyFont";
src: url("../fonts/Oswald-Bold.ttf") format("truetype");
}

@font-face {
font-family: "MyFont1";
src: url("../fonts/Oswald-SemiBold.ttf") format("truetype");
}

/* =========================
BASE
========================= */
body {
margin: 0;
font-family: "MyFont1", Arial, sans-serif;
background: linear-gradient(180deg, #c57c2f 0%, #d15d27 100%);
position: relative;
}

/* Background logo */
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("../images/ANRO.png") no-repeat center;
background-size: 570px;
opacity: 0.4;
z-index: -1;
pointer-events: none;
}

/* =========================
HEADER
========================= */
#head {
padding: 20px 10px;
text-align: center;
background: #710105;
color: #CB8133;
border-bottom: white 7px solid;
font-family: "MyFont", Arial, sans-serif;
}

#head h1 {
font-size: 64px;
letter-spacing: 3px;
margin: 0;
}

#head h2 {
font-size: 26px;
margin-top: 5px;
}

/* =========================
NAV MENU
========================= */
.menu {
display: flex;
justify-content: center;
gap: 20px;
background: #710105;
padding: 12px;
width: 100%;
}

.menu a {
color: white;
text-decoration: none;
font-weight: bold;
}

.menu a:hover {
color: #CB8133;
}

/* =========================
PAGE LAYOUT
========================= */
#page {
display: flex;
flex-direction: column;
align-items: center;
color: white;
}

/* =========================
HERO / INTRO
========================= */
.intro {
text-align: center;
padding: 60px 20px 30px;
max-width: 800px;
}

.intro h1 {
font-size: 50px;
color: #710105;
-webkit-text-stroke: 0.5px black;
margin-bottom: 5px;
}

.tagline {
font-size: 20px;
font-family: "MyFont", Arial, sans-serif;
font-style: italic;
color: #710105;
margin-bottom: 15px;
}

.intro h2 {
font-size: 25px;
font-weight: normal;
}

/* =========================
MAIN CONTENT TEXT
========================= */
.contentmain {
max-width: 800px;
margin: 20px auto;
line-height: 1.6;
color: white;
font-family: "MyFont", Arial, sans-serif;
font-size: 20px;
}

/* =========================
FOOTER
========================= */
#feet {
text-align: center;
background: #710105;
color: #edc279;
border-top: white 6px solid;
width: 100%;
padding: 20px;
}