@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    border: none;
    outline: none;
    scroll-behavior: smooth;
    font-family: 'Open Sans', sans-serif;
}

:root{
    --backgroud-header: #fdfeff;
    --backgroud-principal: #fdfeff;
    --backgroud-secundario: #fdfeff;
    --background-border: #baa9a2;
    --backgroud-txt: #121413;
    --backgroud-hover: #5a6e79;
    --backgroud-title: #121413;
    --backgroud-btn: #5a6e79;
    --backgroud-txt-card: #121413;
    --backgroud-color-card: #fdfeff;
    --backgroud-footer: #5a6e79;
    --backgroud-up: #25d366;
}

body{
    background-color: var(--backgroud-principal);
}


h1{
    font-size: 32px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 1px;
    text-align: center;
    color: var(--backgroud-title);
}

h2{
    font-size: 32px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 1px;
    text-align: center;
    color: var(--backgroud-txt);
}

h3{
    font-size: 18px;
    color: var(--backgroud-txt);
}

p{
    font-size: 17px;
    color: var(--backgroud-txt);
    font-weight: 600;
}

a{
    font-size: 16px;
    color: var(--backgroud-txt);
}


i{
    font-size: 20px;
    color: var(--backgroud-txt);
}

figcaption{
    font-size: 18px;
    color: var(--backgroud-txt);
}