.container{
    max-width: 1400px;
    margin:0 auto;
}.flex-center{
    display: flex;
    align-items: center;
}
.tc {
    text-align: center;
}.tr {
    text-align: right;
}.tl {
    text-align: left;
}
.menu{
    height: 7%;
    width: 100%;
    background-color: rgb(0, 39, 36);
    background-color: rgb(27, 27, 27);
    display: flex;
    align-items: center;
    /* padding-left: 2.5px; */
    border-radius: 10px 10px 0 0;
}.menu span{

     width: .85rem;
     height: .85rem;
     border-radius: 50%;
     margin:0 5px;

 }.menu span:nth-child(1){
    margin-left:8px;
 }
 .red{
      background-color: rgb(254, 36, 36);
  }.yellow{
       background-color: rgb(233, 233, 0);
   }.green{
        background-color: rgb(0, 182, 0);
    }
.pre{
    width: 100%;
    height: 90%;
    padding:10px 0;
    overflow: hidden;
}
.pre > div{
    height: 10%;
    width: 100%;
    color:rgb(160, 160, 160);
    font-family:monospace;
    padding-left: 5px;
    font-size:.8rem;
    display: flex;
}.bg-node{
    background-color:rgb(91, 152, 0);
    color:white;
}.bg-js{
    background-color:yellow;
    color:black;
}.bg-html{
    background-color: rgb(255, 102, 0);
    color:white;
}.bg-css{
    background-color: rgb(0, 157, 255);
    color:white;
}.bg-mysql{
    background-color: rgb(200, 200, 200);
    color:rgb(0, 0, 0);
}.bg-bootstrap{
    background-color: rgb(53, 0, 128);
    color:white;
}.bg-mongo{
    background-color: rgb(0, 85, 0);
    color:white;
}
@media screen and (max-width:992px){
    .pre > div{
        padding-left: 4px;
        font-size:.68rem;
    }.menu span{
        width: .8rem;
        height: .8rem;
        margin:0 4px;
   
    }
}
@media screen and (max-width:768px){
    .flex-center{
        flex-direction: column;
        text-align: center;
    }
    .pre > div{
        padding-left: 5px;
        font-size:.7rem;
     
    }.menu span{
        width: .75rem;
        height: .75rem;
        margin:0 4px;
   
    }
}
@media screen and (max-width:576px){
    .pre > div{
        padding-left: 5px;
        font-size:.6rem;
    }.menu span{
        width: .65rem;
        height: .65rem;
        margin:0 4px;
   
    }
}