@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro);
.line ul:not(.welcome){
    margin-left:2px
}
.line p,.line pre{
    white-space:pre-wrap
}
.line a{
    text-decoration:none;
    padding:0 2px
}
.sep{
    margin:.5rem 0
}
.ascii{
    color:#9893a5
}
span{
    color:#c5a3ff
}
.command{
    color:#d5a425
}
.user{
    color:#5685f1
}
.tick{
    color:#85befd;
    margin:0 .5rem;
    font-size:12px
}
.domain{
    color:#9893a5
}
.directory{
    color:#85befd
}
.light{
    font-weight:400;
    font-style:italic
}
.welcome{
    line-height:1rem
}
.prompt{
    margin-top:.5rem
}
.prompt input{
    width:0;
    opacity:0;
    padding:0;
    border:0
}
.prompt input:focus+i+.caret{
    background-color:rgba(133,190,253,.8);
    border-color:#85befd;
    -webkit-animation:blink .75s steps(2,start) infinite;
    animation:blink .75s steps(2,start) infinite
}
.prompt .caret{
    display:inline-block;
    height:.75rem;
    width:.45rem;
    position:relative;
    top:.2rem;
    left:1px;
    border:1px solid rgba(248,248,240,.8)
}
@-webkit-keyframes blink{
    to{
        visibility:hidden
    }
}
@keyframes blink{
    to{
        visibility:hidden
    }
}
a{
    color:#c5a3ff;
    background-color:rgba(197,163,255,.1)
}
a:hover{
    background-color:rgba(197,163,255,.2)
}
.yellow{
    color:#d5a425
}
.grey{
    color:#9893a5
}
.red{
    color:#f1568e
}
.orange{
    color:#ea9a97
}
.purple{
    color:#c5a3ff
}
.pink{
    color:#ffb8d1
}
.blue{
    color:#85befd
}
.switch{
    position:absolute;
    display:inline-block;
    width:59px;
    height:34px;
    background-color:#b3b3b3;
    border-radius:34px;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    right:11px;
    top:3.5%
}
.switch input{
    opacity:0;
    width:0;
    height:0
}
.slider{
    cursor:pointer;
    top:0;
    left:0;
    width:32px;
    height:32px;
    background-color:#b3b3b3;
    -webkit-transform:translateX(0);
    transform:translateX(0)
}
.slider,.slider:before{
    position:absolute;
    -webkit-transition:.4s;
    transition:.4s;
    border-radius:50%
}
.slider:before{
    content:"";
    height:34px;
    width:34px;
    -webkit-transform:translateX(1);
    transform:translateX(1);
    left:1px
}
.light-mode .slider:before{
    background-color:grey
}
.dark-mode .slider:before{
    background-color:#99c2ff
}
.switch input:checked+.slider:before{
    -webkit-transform:translateX(26px);
    transform:translateX(26px)
}
body,html{
    margin:0
}
#app{
    font-family:Source Code Pro,sans-serif;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-size:14px;
    font-weight:700;
    height:100%;
    width:100%;
    line-height:1.35rem
}
@media (max-width:599px){
    #app{
        font-size:2.8vw
    }
}
@media (min-width:950px){
    #app{
        font-size:2.7vw
    }
}
@media (min-width:1000px){
    #app{
        font-size:13px;
        padding:1rem
    }
}
@media (min-width:1400px){
    #app{
        font-size:14px;
        padding:1rem
    }
}
[data-v-74f5ac68]:root{
    padding:.85rem
}
.dark-mode[data-v-74f5ac68]{
    background:#42395d!important;
    color:#fff
}
.light-mode[data-v-74f5ac68]{
    background:#e8e8e8!important;
    color:#26272d
}
.terminal[data-v-74f5ac68]{
    background-color:var(--background-color);
    color:var(--text-color);
    min-height:100vh;
    overflow:auto;
    padding:.85rem
}