@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
.align-left {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.align-right {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.clear {
clear: both;
}
.flex-container {
display: flex;
}
.image-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
section {
width: 50%;
}
.feature-box {
width: 30%;
}
p {
margin-left: 0;
}
body {background-color: #E6CCB6;
background-image: "images/lake.jpg";
}
#wrapper {
width:960;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
background-color: white;
padding:10px 20px;
border-width: 2px;
border-style: solid;
border-color: black;
}
h1, h2, h3{
font-family: 'Raleway', sans-serif;}
h1 {
background-color: #FFFFFF;
color:E02D47;
font-size: 34px;
text-transform: uppercase;
text-align: center;
padding: 16px;
background: -webkit-linear-gradient (pink, white);
background: -o-linear-gradient(pink, white);
background: -moz-linear-gradient(pink, white);
background: linear-gradient(pink, white);
}
h2 {
background-color: #E6CCB6;
font-size: 20px;
font-color: 000000
padding: 16px 10px;
margin-bottom: 14px;
}
h3 {
background-color: #E6CCB6;
font-size: 20px;
font-color: 000000
margin-bottom: 14px;
border-bottom: 3px solid black;
}
p {
font-family: 'Verdana', sans-serif;
margin-left: 20px;
margin-bottom: 14px;
height:30px
}
ul li {
margin: padding: 5px;
list-style-type: disc;
list-style-position: inside;
}
footer {
text-align: center;
}
nav p {
font-color: #E08F00;
font-weight: bold;
margin: 16px;
}
.feature.box {
width:800px;
background: -webkit-linear-gradient (pink, white);
background: -o-linear-gradient(pink, white);
background: -moz-linear-gradient(pink, white);
background: linear-gradient(pink, white);
padding: 10px;
margin: 0 auto 20px;
border-radius: 10px;
box-shadow: 5px 5px 5px black;
}