/* Background pattern from Toptal Subtle Patterns; pattern adapted from:
 * Bartosz Kaszubowski's Rough Cloth 
 * https://www.toptal.com/designers/subtlepatterns */

body {
    background-image: url("/s/dev/trudeau/G.https/static/grey_cloth_tile.png");
    background-repeat: repeat;
    font-family: "Lucida Console", Monaco, monospace;
}

main div.container {
    padding: 0;
}

a.hide-outline, a.hide-outline:focus {
    outline: 0;
    color:rgba(255, 255, 255, 0.5) !important;
}

.prompt {
    color: #0f0;
}

.ls-item {
    padding-right: 3em;
}

.intlink {
    color: #0ed5df;
}

.subdir {
    color: #9bb4ce;
}

.cmdlink {
    color: #c1473b;
}

#plastic {
    background-color: black;
    background-image: url("/s/dev/trudeau/G.https/static/plastic.png");
    box-shadow: 0 .25rem .75rem #000;
    border-radius: 3%;
    color:#fff;
    position: absolute;
    margin-top: 15px;
    width:100%;
}

#glass {
    background-color: black;
    background-image: radial-gradient(circle, #555 80%, #222);
    border-radius: 5%;
    position: absolute;
    width:100%;
}

#vt100 {
    background: black;
    color: #229322;
    padding: 10px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width:100%;
}

@media (min-width: 576px) {
    #plastic {
        width: 540px !important;
        height: 540px !important;
    }
    #glass {
        width: 500px !important;
        height: 500px !important;
        margin: 20px !important;
    }
    #vt100 {
        width: 460px !important;
        height: 460px !important;
        margin: 15px !important;
    }
}

@media (min-width: 768px) {
    #plastic {
        width: 720px !important;
        height: 720px !important;
    }
    #glass {
        width: 670px !important;
        height: 670px !important;
        margin: 25px !important;
    }
    #vt100 {
        width: 630px !important;
        height: 630px !important;
        margin: 20px !important;
    }
}

@media (min-width: 992px) {
    #plastic {
        width: 960px !important;
        height: 960px !important;
    }
    #glass {
        width: 900px !important;
        height: 900px !important;
        margin: 30px !important;
    }
    #vt100 {
        width: 850px !important;
        height: 850px !important;
        margin: 25px !important;
    }
}

@media (min-width: 1200px) {
    #plastic {
        width: 1140px !important;
        height: 1140px !important;
    }
    #glass {
        width: 1060px !important;
        height: 1060px !important;
        margin: 40px !important;
    }
    #vt100 {
        width: 1000px !important;
        height: 1000px !important;
        margin: 30px !important;
    }
}