#emitter-link, #renderer-link,#logger-link{
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: none;
}

#wrap-renderer-iframe,#wrap-emitter-iframe,#wrap-logger-iframe{
    width:100%;
    height:400px;
    border: solid black 1px;
}

#wrap-renderer-iframe{
    overflow:hidden;
    margin:0;
    padding:0;
    
    background-position: 0px 0px, 7px 7px;
    background-size: 14px 14px;
    background-repeat: repeat;
    background-image:
        linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff 100%),
        linear-gradient(45deg, #fff 25%, #e3e3e3 25%, #e3e3e3 75%, #fff 75%, #fff 100%);

}

#emitter-iframe{
    width:calc(100% - 2px);
    height:398px;
}

#renderer-iframe{
    transform-origin: 0 0;
    transform:scale(0.5);
    width:200%;
    height:796px;
}
#logger-iframe{
    width:calc(100% - 2px);
    height:398px;
}

#host{
    font-family: Comfortaa, sans-serif;
}