/* Stylesheet for Test Page */

* {

box-sizing: border-box;

}

body {

width: 100dlw;
margin: 0;
padding: 0;

font-family: sans-serif;
font-size: 18px;

}

@media (min-width: 765px) {

body {
width: 50vw;
margin: 0 auto;
}

}

h1,h2,h3,p,div,header,main,footer,button {

margin: 0;

}

header {

padding: 1rem;
height: 5rem;

}

main {

min-height: 80dvh;
padding: 1rem;

}

footer {

padding: 1rem;
height: 5rem;

}

footer > p {

color: grey;

}

.column {

display: flex;
flex-direction: column;
width: 100%;
gap: 1rem;

}

.rounded {

border: 1px solid lightgrey;
border-radius: 1rem;
padding: .75rem;

}

.spread {

display: flex;
flex-direction: row;
justify-content: space-between;

}

.icon-button {

border: 1px solid lightgrey;
border-radius: .5rem;
padding: .1rem;
font-size: 20px;
height: 2.5rem;
width: 2.5rem;

display: flex;
flex-direction: column;
justify-content: center;
align-items: center;

}

.image > img {

object-fit: cover;
width: 100%;
max-height: 15rem;
border-radius: .5rem;
margin-bottom: .5rem;

}

.rounded > h1,h2,h3 {

margin-bottom: .25rem;

}