.saying,blockquote>p,.dashboard-header-title{
    width: auto;
    height: auto;
    max-width: 400px;
    margin: 100px;
    background: #e9e9e97a;
    position: relative;
    padding: 1em;

    &::before,&::after{
        content: '';
        display: block;
        position: absolute;
        max-width: 10vh;
        max-height: 10vh;
        width: 5vh;
        height: 5vh;
        background: transparent;
        border-style: solid;
        border-width: 2px;
        border-color: rgb(33, 179, 147);
        word-break: break-all;
        white-space: normal;

    }

    &::before{
        top: 0;
        left: 0;
        transform: translate(-7px,-7px);
        border-bottom-width: 0;
        border-right-width: 0;
    }

    &::after{
        bottom: 0;
        right: 0;
        transform: translate(7px,7px);
        border-top-width: 0;
        border-left-width: 0;
    }
}

.main-content{
    blockquote{
        border-left: 0;
        text-align: center;

        p {
            margin: auto;
        }
    }
}

$copyright-gap: 20px;

.copyright,.ipc,.weather{
    width: auto;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: italic;
    user-select: none;
    margin-bottom: $copyright-gap;
    margin-top: $copyright-gap;

    &>span,&>a>span{
        display: inline-flex;
        justify-content: center;
        align-items: center;
        padding: 5px 6px;

        &:first-child{
            background: #030307;
            color: #fadfa3;  
        }

        &:last-child{
            background: #be0ceb;
            color: white;
        }

    }
}

.ipc {
    &>a {
        &:first-child>span {
            background: #e71257;
            color: #fadfa3
        }

        &:last-child>span {
            background: #030303;
            color: white;
        }
    }
}

.weather {

    margin-left: 30px;

    @media only screen and (max-width: 767px) {
        display: none;
    }

    $color: (
        1: (background: #ee41a1,color: #2f2f2f),
        2: (background: #f6f0f8,color: #e253bc),
        3: (background: #e2afd75c,color: red),
        4: (background: #450954,color: white),
    );

    @each $i,$v in $color {
        
        &>span:nth-child(#{$i}) {
            @each $key,$val in $v {
                #{$key}: $val;
            }
        }
    }
}