div.postcontainer{
    width:650px;
    font-family:Arial, Helvetica, sans-serif;
}
div.wrapper{
    width: 100%;
    container: post / inline-size;
}
div.wrapper div.comment{
    margin:2cqw 0;
    display: flex;
}
div.comment img{
    height:128px;
}

div.shine {
    /*Gradient background from green to white to blue.*/
    background-image: radial-gradient(circle at 75% 25%, rgb(255, 255, 198) 0%, rgb(255, 253, 203) 6%, rgba(254,255,0,0) 13%), linear-gradient(0deg, rgb(0, 255, 0) 0%, rgb(255, 255, 255) 3cqw, rgb(90, 140, 248), rgb(110, 156, 255));
    /*Vertical padding on top and bottom but not left and right of the div.*/
    padding: 3cqw;
    border-radius: 1cqw;
    color: rgb(26, 16, 16);
    font-family: sans-serif;
    min-height: 10cqw;
    text-shadow: rgb(93, 83, 83) 0px 0px 2px, rgb(93, 83, 83) 0px 0px 2px;
}
div.shaedo{
    /*Dark blue to purple then black vertical gradient with white text.*/
    background: linear-gradient(0deg, rgb(0, 0, 255), rgb(64, 0, 64), rgb(0, 0, 0));
    padding: 1cqw;
    color: white;
    border: solid gold;
    border-radius: 0.5cqw;
    font-family: sans-serif;
    box-shadow: black 5px 5px 10px;
}
div.eliza{
    /*Gradient with a deep Forest green on the bottom and a lighter green on the top.*/
    background: linear-gradient(0deg, rgb(0, 128, 0), rgb(128, 255, 128));
    color: black;
    padding: 1cqw;
    font-family: cursive;
     
}
div.mika{
    /*Gradient with a deep reddish brown at the top and black on the bottom*/
    background: linear-gradient(0deg, rgb(128, 0, 0), rgb(0, 0, 0));
    color:white;
    padding: 1cqw;
    font-family: system-ui;
     
}
div.salimeh{
    /*Gradient that is bubblegum pink at the top and hot pink at the bottom.*/
    background: radial-gradient(circle at 25% 10%, white, rgba(255, 255, 255, 0) 5%),radial-gradient(circle at 50% 25%, white, rgba(255, 255, 255, 0) 5%), radial-gradient(circle at 75% 75%, white, rgba(255, 255, 255, 0) 5%),radial-gradient(circle at 10% 85%, white, rgba(255, 255, 255, 0) 5%), linear-gradient(to top right, rgb(255, 0, 255), rgb(255, 182, 255) 60%, rgb(255,255,255) 70%, rgb(206, 0, 199) 90%);
    color: black;
    padding: 3cqw;
    font-family:ui-serif;
    border-radius: 3cqw;
    border: solid thick magenta;
    box-shadow: rgb(255, 192, 240) 1cqw 1cqw 2px;
}
div.salimeh p{
    margin-top:0;
}


div.hendrix{
    /*Horizontal Gradient Background, cyan to light teal.*/
    background: linear-gradient(90deg, rgb(0, 255, 255), rgb(0, 255, 221));
    color: rgb(2, 38, 0);
    padding: 1cqw;
    font-family:math;
     
}
div.alex{
    /*Gradient from orange to orangish-red*/
    background: linear-gradient(90deg, rgb(255, 165, 0), rgb(255, 125, 45));
    color:black;
    padding: 1cqw;
    font-family:fangsong;
     
}
div.cid{
    /*Linear Gradient from dark blue to light gray*/
    background: linear-gradient(90deg, rgb(0, 0, 128), rgb(85, 84, 92));
    color: white;
    padding: 1cqw;
    font-family: monospace;
    font-weight: bold;
    font-size:2.5cqw;
     
}
div.linus{
    /*Linear Gradient from yellow to light gray*/
    background: linear-gradient(90deg, rgb(255, 255, 0), rgb(235, 246, 146));
    padding: 1cqw;
    font-family: fantasy;
    font-size:3cqw;
     
}
div.cynthia {
    /*Linear Gradient from light brown to brown*/
    background: linear-gradient(270deg, #8b4513, #8e6141);
    padding: 1cqw;
    font-family:serif;
     
}
div.miyak{
    /*Linear Gradient from dark purple to black*/
    background: linear-gradient(90deg, rgb(89, 5, 89), rgb(0, 0, 0));
    color:aliceblue;
    padding: 1cqw;
     
}
div.heather {
    /*Linear Gradient from cyan to purple*/
    background: linear-gradient(270deg, rgb(0, 255, 255), rgb(211, 98, 255));
    padding: 1cqw;
    color:rgb(0, 67, 29);
    font-family: sans-serif;
     
}