*{
 margin : 0;
 padding: 0;
 box-sizing: border-box;
}

body {
    margin: 20px;
}


h1{
    color:darkblue ;
    font-size: 24pt;
    font-weight: normal ;
    font-style:italic ;
    margin-top: 12px;
    margin-bottom: 36px;
}
h1:hover{
        transform: rotate(-10deg);
    }


details {
    cursor: pointer;
}

.container{
    display: flex;
}

.columns{
    margin-right: 70px;
}

.indent {
    margin-left: 16px;
}



.category1{
    color:darkblue;
    font-style: italic;
    margin-bottom: 20px;
}

.category2, .mqstyle{
    font-size: 12pt;
    color: orangered;
    margin-bottom: 4px;
}

.category3{
    font-size: 8pt;
    color: gray;
    margin-left: 40px;
    margin-bottom: 12px;
}

summary::marker {
  color: greenyellow;
  font-size: 12pt;
  content:"[∴]";
  margin-right: 4px;
}

li::marker {
    color: ; 
    font-size: ; 
    content: ""; 
}

img{
    width: 300px;
    border: 2px orangered dotted;
    margin-left: 40px;
}


.last-updated{
    text-align:center;
    font-size: 8pt;
    font-style: italic;
    color: darkblue;
    line-height: 12pt;
    margin-top: 24px;
    margin-bottom: 24px;
}