@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dancing+Script&family=Oswald:wght@200&family=Readex+Pro:wght@300;700&family=Shalimar&display=swap');


html {
    background-color: #EBF5FB;
    font-family: sans-serif;
}

header {
    margin-top: 0px;
    background-color: lightblue;
}

footer {
    padding-top: 25px;
    padding-bottom: 10px;
    background-color: black;
    color: white;

}

footer a {
    color: white;
}

img {
    max-width: 500px;
    height: aut0;
}

a {
    color: black;
}

a:hover {
    text-decoration: none;
    background-color: #B7950B;
}

.box {
    max-width: 500px;
    height: auto;
    border: solid 2px black;
}

article h2 {
    text-decoration-line: underline;
    text-decoration-style: dotted;
}

#wide_audience h4 {
    font-family: 'Readex Pro', sans-serif;
    font-weight: 700;
}

#wide_audience p {
    font-family: 'Readex Pro', sans-serif;
}

#Elegance h4 {
    font-family: 'Shalimar', cursive;
    font-size: 40px;
    font-weight: bold;
}

#Elegance p {
    font-family: 'Dancing Script', cursive;
    font-size: 20px;
}

#hip h4 {
    font-family: 'Bebas Neue', cursive;
    font-size: 30px;
}

#hip p {
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}

#neutral h4 {
    background-color: #b2bbc5;
    margin-top: 0px;
    padding-bottom: 20px;

}

#neutral {
    background-color: #eadbab;
    border: solid 2px #988792;
}

#cheap h4 {
    background-color: #3ECCFF;
    margin-top: 0px;
    padding-bottom: 20px;
}

#cheap {
    background-color: #3ECCFF;
    border: solid 3px #FF2700;
}

#luxurious {
    background-color: #DBA858;
    color: #2C3E50;
    border: none;
}

#luxurious h4 {
    margin-top: 0px;
    padding-bottom: 20px;
    background-color: #2C3E50;
    color: white;
}

#based_photo h4 {
    margin-top: 0px;
    padding-bottom: 20px;
    background-color: #1BBF15;
    color: #0D2D8C;
}

#based_photo {
    background-color: white;
    color: #0D2D8C;
    border: 3px solid #125907;
}