/* Add your styles here */

@font-face {
  font-family: 'RousseauDeco';
  src: url('RousseauDeco.ttf') format('truetype');
}
#footer {
    background-image: url('storm.jpg');
    background-size: cover; /* This will make the image cover the full width and height, cropping as necessary */
    background-position: center; /* This will center the image */
    height: 300px; /* Fixed height for the footer, adjust as needed */
    /* text-align: center; /* Optional: if you want the text "Footer" to be centered */
    /* color: white; /* Optional: if you want the text "Footer" to be white for better visibility */
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'RousseauDeco', sans-serif;
}

h1 {
    color: #24b5ae;
}

h2 {
    color: #f1e2a6;
}

body {
    background: #000000;
    background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(46, 38, 24, 1) 100%);
}

.top {
    background: #000000;
    background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(133, 90, 12, 1) 100%);
}