@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 30px 60px;
    min-height: 100dvh;
    font-family: "Lora", serif;
    background-image: url("../media/PIPA-VIISI-2016.jpg");
    background-size: cover;
    background-position: center;
    color: #111;

    @media(max-width:1024px) {
        padding: 40px;
    }

    @media(max-width:768px){
        padding: 20px;
    }
}

.container{ 
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

h1, p {
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.75em;
}

h1 {
    font-size: clamp(0.563rem, 0.412rem + 0.75vw, 1.313rem)
}
p:nth-of-type(1) {
    font-size: clamp(0.5rem, 0.375rem + 0.625vw, 1.125rem)
}
p:nth-of-type(2) {
    font-size: clamp(0.438rem, 0.325rem + 0.563vw, 1rem)
}
p:nth-of-type(3) {
    font-size: clamp(0.438rem, 0.325rem + 0.563vw, 1rem)
}