@charset "UTF-8";
/*CSS Document*/
body {
    background-color: #d3750bcc;
    padding: 15px;
}
header, footer {
    background-color: #5c2b00;
    padding: 10px;

}
main {
    padding: 50px
}
.space {
    padding: 10px;
}
nav {
    font-weight: bold;
    background-color: #a74a0c ;
}
.btn {
    outline: 3px solid #b3b3b3;
}
a:hover {
    outline: #a74a0c;
}
footer {
    text-align: center;
    color: #ff9d4d;
}
h1 {
font-family: 'Berkshire Swash', cursive;
color: #ff7f24;
}
form {
    padding: 10px;
    text-align: justify;
    font-family: 'Berkshire Swash', cursive;
}
.container, [class^='col-']  {
    outline: 15px solid #ccc;
    padding: 15px;
    background-color:#a74a0c;
}
h2, h3, h4, h5, p {
    font-family: 'Berkshire Swash', cursive;
    color: #ff9d4d;
}
.info::first-letter {
    color: #ff7300;
    font-size:x-large;
}
ul li {
    color: #ff9d4d;
}
.back {
    margin: 10px;
    font-weight: bold;
}
form p {
    color:black;
}
span {
    font-weight: bold;
}
figcaption {
    font-size: small;
    font-family: Arial, Helvetica, sans-serif;
}
img {
    border: 5px solid #ff7300;
    padding: 0px;
    margin: none;
    width:auto;
}
/*colors: #a30000*/