*{
    padding: 0;
    margin: 0;
}
header{
    background-color: #355872;
    border-radius: 0px 0px 15px 15px;

}
h1{
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 40px;
    padding: 35px;
}
body{
    background-color: #7AAACE;
}
main{
    justify-content: center;
    display: flex;
}
details{
    border: 1px solid; 
    padding: 10px; 
    margin: 10px;
    margin-top: 20px;
    width: 350px;
    border-radius: 10px;
    background-color: #F7F8F0;

}

:root {
  interpolate-size: allow-keywords;
}

details::details-content {
  transition: block-size 0.5s ease, content-visibility 0.5s ease allow-discrete;
  block-size: 0;
  overflow: hidden;
}

details[open]::details-content {
  block-size: auto;
}

summary{
    font-weight: bold; 
    cursor: pointer; 
    font-size: 30px; 
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
p{
    font-size: 20px;
    padding: 10px;
    font-weight: bold;
}