@import url("../libs/font-awesome/css/font-awesome.min.css");
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (min-width: 1200px) {
    .mdui-container {
        max-width: 1200px;
        margin: 20px auto;
        padding: 20px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        border-radius: 10px;
    }

    .mdui-card{
        display: flex;
        justify-content: space-between;
    }
    .mdui-card i{
        color: #000;
        font-weight: 400;
        font-size: 24px;
        font-style: normal;
        line-height: 1;
        direction: ltr;
        letter-spacing: normal;
        white-space: nowrap;
        text-transform: none;
        vertical-align: middle;
        word-wrap: normal;
    }

    h1 {
        font-size: 24px;
        margin: 20px 0;
        text-align: center;
    }
    .tags{
        display: flex;
        justify-content: center;
    }
    .mdui-chip{
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 2px 0;
        padding: 6px 12px;
        color: inherit;
        white-space: nowrap;
        background-color: #e0e0e0;
        border-radius: 16px;
        cursor: pointer;
    }
    .mdui-row{
        font-size: 14px;
        color: #000;
        margin-top: 40px;
    }
    pre{
        white-space: pre-wrap;
        line-height: 1.8;
    }
}

@media (max-width: 1200px) {
    .mdui-container {
        width: 96%;
        margin: 20px auto;
        padding: 20px;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        border-radius: 10px;
    }

    .mdui-card{
        display: flex;
        justify-content: space-between;
    }
    .mdui-card i{
        color: #000;
        font-weight: 400;
        font-size: 24px;
        font-style: normal;
        line-height: 1;
        direction: ltr;
        letter-spacing: normal;
        white-space: nowrap;
        text-transform: none;
        vertical-align: middle;
        word-wrap: normal;
    }

    h1 {
        font-size: 24px;
        margin: 20px 0;
        text-align: center;
    }
    .tags{
        display: flex;
        justify-content: center;
    }
    .mdui-chip{
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 2px 0;
        padding: 6px 12px;
        color: inherit;
        white-space: nowrap;
        background-color: #e0e0e0;
        border-radius: 16px;
        cursor: pointer;
    }
    .mdui-row{
        font-size: 14px;
        color: #000;
        margin-top: 40px;
    }
    pre{
        white-space: pre-wrap;
        line-height: 1.8;
    }
}