@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Edu+VIC+WA+NT+Beginner:wght@400..700&family=Pinyon+Script&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {background-color: #111C2C; font-family: "Roboto", serif;}

header {background-color:#5D636C ; 
padding: 20px 0; }

h1 {font-size: 40px;
text-align: center;
color: #fff;}

h2 {font-size: 30px;
text-align: center;
font-weight: bold;
background-color: #111C2C;
color: #fff;
padding: 10px 0;
height:50px;}

p{line-height: 1.5;
font-size:15px;
padding: 10px;}

.pstyle {font-style: italic;
text-align: center;
    font-size: 12px;
 }

nav {background-color: #B4B5B4;
padding: 15px 0;
text-align: center;}

nav a {text-decoration: none;
color: #fff; 
padding-right: 80px; 
font-size: 25px;
font-weight: bold;}

nav a:hover {color: #111c2C;}

#wrapper {width: 90%; 
margin: 0 auto;
background-color: #fff;}

#flex {display: flex; }

section, aside {width:45%;
border: 1px solid #111C2C;
border-radius: 10px;
box-shadow: 10px 10px 10px #111c2c;
margin: 20px 20px;
    padding: 20px;
}

img {margin: 20px 0;}
h3 {font-size: 30px;
text-align: center;
font-weight: bold;
    color: #111c2c;
margin-top: 10px;}

h4 {font-size: 20px;
text-align: center;
font-weight: bold;
    font-style: italic;
    color: #111c2c;
margin-top: 10px;}
ul {padding: 10px 0;}
ul li {font-size: 15px;
list-style: outside; 
list-style-type: square;
margin-left: 40px;
padding: 5px;
}

.indent {margin-left: 80px;}

.imagebridge {display: block; 
margin-left: auto; 
margin-right: auto;
border: 3px solid black;
border-radius: 10px;
box-shadow: 10px 10px 10px }

#feature-box {font-weight: bold; text-align: center; color:darkred; width: 80%; margin: 0 auto; background-color: lightyellow; border: 1px solid black; border-radius: 10px; box-shadow: 10px 10px 10px #111c2c; margin-bottom: 20px;}

footer {background-color:#5D636C ; 
padding: 20px 0; 
text-align: center; 
color: #fff;}