/*
Name: Alyssa Grant 
File Name: styles.css 
Date: 9/23/2025 
/* 

/* CSS Reset */ 
body, header, nav, main, footer, img, h1, h3, ul {
	margin: 0;
	padding: 0;
	border: 0;
}

/* Style rules for body and images */ 
body {
      background-color: #f6eee4; 
}

img {
	max-width: 100%;
	display: block;
}

/* Style rules for mobile viewport */


/* Style rules to show mobile class and hide tab-desk class */
    .mobile {
        display: block;
    }
    .tab-desk {
        display: none;
    }

    
    
/* Style rules for header area */
      .mobile h1, .mobile h3 { 
         padding: 2%;
        text-align: center;
    }
    
    .mobile h1 {
  font-family: "Emblema One", cursive;
} 
   .mobile h3 {
  font-family: "Lora", serif;
}



/* Style rules for navigation area */
nav {
	background-color: #2a1f14;
}

nav ul {
	list-style: none;
	text-align: center;
}

nav li {
	display: block;
	border-width: 0.5px;
	border-style: solid;
	border-color: #f6eee4;
	font-size: 1.5em; 
	font-family: Geneva, Arial, sans-serif;
	font-weight: bold;
}

nav li a {
	display: block;
	color: #f6eee4;
	padding: 0.5em 2em;
	text-decoration: none;
} 


/* Style rules for main content */ 
main { 
    padding: 2%;
   font-family: "Lora", serif;
}

main p {
    font-size: 1.25em;
}

main {
    padding-top: 2%;
}

main ul {
    list-style: square;
}

.link {
    color: #4d3319;
    text-decoration: none; 
    font-weight: bold;
    font-style: italic;
}

.action { 
    font-size: 1.75em;
    font-weight: bold;
    text-align: center;
}

#contact {
    text-align: center;
}
/* Style rules for main content */ 
main {
    padding: 2%; 
	font-family: Verdana, Arial, sans-serif;
} 
.lora-font {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

main p {
	font-size: 1.25em;
}

main {
	padding-top: 2%;
}

main ul {
	list-style: square;
}

.link {
	color: #4d3319;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

.action {
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;
} 
.round {
    border-radius: 6px;
}
#info ul {
    margin-left: 10%;
}

#contact {
	text-align: center; 
}
.tel-link {
    background-color: #2a1f14;
    padding: 2%;
    width: 80%;
    margin: 0 auto;
}
.tel-link a {
    color: #f6eee4;
    text-decoration: none
    font-weight: bold;
}

/* Style rules for footer content */ 
footer {
	text-align: center;
	font-size: 0.85em;
	background-color: #2a1f14;
	color: #f6ee4; 
	padding: 1% 0%;
}
 
footer {
	color: #f6eee4;
	text-decoration: none; 
}