/*
CSS used on the construction page only.
*/
body {
    font-family: Poppins,sans-serif;
    display: grid; 
    justify-items: center; 
    gap: 1.25rem; 
    max-width: 732px;
    margin: auto;
    padding: 40px;
    color: #1a1c1b;
}
img {
    height: auto;
    width: 100%;
}
.head {
    width:100%;
    max-width: 732px;
    aspect-ratio: 3/2;
    background-image: url('../img/construction.jpg'); 
    background-repeat: no-repeat;
    background-size:contain;
}
.info {
    display: flex; 
    flex-wrap: wrap;
    gap: 1.25rem;
}
a {
    display: flex; 
    gap: 1rem;
    color: #1a1c1b;
    text-decoration: none;
}
a:hover {
    color: #b81d8d;
    text-decoration: underline;
}
a img {
    height: 20px; 
    width: 20px;
}
h1 {
    font-size: 40px;
}
p.highlighted {
    font-size: 22px;
    max-width: 600px;
}
p, h1 {
    margin: 0;
}