@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@font-face {
    font-family: "Font";
    src: url("./fonts/font.otf") format("opentype");
}

header {
    margin-top: 2%;
    margin-bottom: 2%;
}
header > h1 {
    font-family: "Font", "Playfair Display", serif;
    font-weight: 400;

}
header > h4 {
    font-family: "Playfair Display", serif;
    font-style: italic;
}

footer {
    padding-top: 2%;
    padding-bottom: 2%;
}
footer h1 {
    font-family: "Font", "Playfair Display", serif;
    font-weight: 400;
}
footer h4 {
    font-family: "Playfair Display", serif;
    font-style: italic;
    font-size: 14pt;
}
footer .cop {
    font-family: "Playfair Display", serif;
    text-align: justify;
}
footer .cop span {
    padding: 5px;
    font-weight: 600;
}
footer .copy {
    font-family: "Playfair Display", serif;
    margin-top: 3%;
}
footer a {
    color: #747474;
}
footer a:hover {
    color: #e9e9e9;
}

.img-c {
    position: relative;
    overflow:hidden;
    width:100%;
    height: 400px;
}
.img-c img {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:400px;
    object-fit:cover;

    filter: brightness(60%)
 }

.one {
    margin-top: 1%;
    font-family: "Playfair Display", serif;
    margin: 2% auto;
}
.one h5 {
    font-weight: 200;
    font-size: 16pt;
    font-style: italic;
    text-align: right;
    
}
.one h4 {
    font-style: italic;
    text-align: justify;
    width: 85%;
    margin-left: 10%;
}
.one span.no{
    font-weight: 900;
    font-size: 89pt;
    font-style: italic;
}
.one .author {
    font-size: 20pt;
}

.two {
    margin-top: 1%;
    font-family: "Playfair Display", serif;
    margin: 2% auto;
}
.two h1 {
    font-size: 36pt;
}
.two h2 {
    font-size: 28pt;
    font-style: italic;
}
.two h3 {
    font-size: 18pt;
    font-style: italic;
    text-align: justify;
    width: 85%;
    margin-left: 5%;
}
.two h4 {
    width: 85%;
    margin-left: 5%;
}
.two li {
    font-size: 20pt;
}

hr {
    margin: 10px 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 5px solid #333;
}

a { 
    color: black;
    text-decoration: underline dotted;
}
a:hover {
    color:rgb(66, 137, 204);
}

.cards-cont {
    font-family: "Playfair Display", serif;
    color: white;
}
.img-ct {
    position: relative;
    overflow:hidden;
    width:100%;
    height: 300px;
}
.img-ct img {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:400px;
    object-fit:cover;

    filter: brightness(60%)
}

.cards-photo {
    font-family: "Playfair Display", serif;
    color: white;
}
.img-cp {
    position: relative;
    overflow:hidden;
    width:100%;
    height: 600px;
}
.img-cp img {
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:100%;
    height:600px;
    object-fit:cover;

    filter: brightness(60%)
}

.add {
    font-family: "Playfair Display", serif;
}
.add a {
    font-size: 18pt;
}

.yes {
    display: none;
}
/* 
background-color: #faedb3; */