topic.css

body
{
background-color: rgb(240, 237, 206);
}

.top
{
    display: flex;
    justify-content: space-between;
    background-color: white;
    border-radius: 4px;
    margin-bottom: 10px;
}

.top div
{
    font-size: 1.5em;
    margin-top: 5px;
    font-family: cursive;
    padding: 0px 10px 0px 10px;
}

#add
{
    padding: 5px;
    font-family: cursive;
    background-color: white;
    border-radius: 3px;
    display: inline-block;
    margin: 20px;
}

.topics
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.topics ul
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 0px;
    margin: 40px 0px 40px 0px;
}

.topics ul li:nth-child(1)
{
    min-width: 600px;
    text-align: center;
    list-style: none;
    background-color: white;
    margin: 5px;
    border-radius: 5px;
    padding: 5px;
    font-size: 2.0em;
}

.topics ul li:nth-child(2)
{
    min-width: 600px;
    text-align: center;
    list-style: none;
    background-color: white;
    height: 90px;
    margin: 5px;
    border-radius: 5px; 
    padding: 5px;
    font-size: 1.2em;
}
li
{
    list-style: none;
}
.topics ul li:nth-child(3)
{
    display: flex;
    justify-content: space-between;
    min-width: 200px;
    margin-top: 2px;
}

button
{
    background-color:rgb(240, 237, 206);
    outline:rgb(240, 237, 206) ;
    border-color: rgb(240, 237, 206);
    border-style: solid;
    cursor: pointer;
}

#add button
{
    background-color: white;
    outline: white;
    border-color: white;
    border-style: solid;
    cursor: pointer;
    font-size: 1.5em;
}

fieldset
{
    width: 450px;
}
label
{
    cursor: pointer;
}

form
{
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
}
fieldset
{
    transform: translate(-50%,-50%);
    background-color: white;
    font-family: cursive;
}
fieldset button
{
    font-size: 1.2em;
    font-family: cursive;
    outline:black ;
    border-color: grey;
    border-style: solid;
    border-width: .3px;
}
input[type=submit]
{
    float: right;
    background-color: rgb(240, 237, 206);
    outline:black ;
    border-color: grey;
    border-style: solid;
    border-width: .3px;
    cursor: pointer;
    font-size: 1.2em;
    font-family: cursive;
}

textarea
{
    background-color: rgb(240, 237, 206);
}

button a
{
    color: black;
}

div a
{
    color: black;
    text-decoration: none;
}

.vote
{
    color: blue;
}

span
{
    display: none;
}