body {
        padding: 0px;
        margin: 0px;
        font-family: "Calibri", sans-serif;
}

.mainblock {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100vh;
        background: rgba(196, 196, 196,0.5);
}

.site_container {
        display: flex;
        flex-direction: row;
        z-index: 2;
}

#site_list {
        display: flex;
        flex-direction: column;
}

#site_preview_list {
        display: flex;
}

.site_link {
        text-decoration: none;
        text-align: center;
        padding: 5px;
        margin-top: 2px;
        border: 1px solid transparent;
        border-radius: 4px;
        color: black;
}
.site_preview_iframe {
        display: none;
        position: absolute;
        float: left;
        clear: both;
        width: 100%;
        height: 100vh;
        z-index: -1;
        left: no-repeat;
}

#site_list :hover{
        border: 1px solid black;
}