#title{
        margin-top:10px;
        margin-bottom:10px;
    }

    #serch{
        margin-top:10px;
        margin-bottom:30px;
        display:flex;
        justify-content: center;
        align-items: center;
    }

    #SeacheTextarea{
        height:30px;
        width:180px;
        resize: none;
    }

    #SeacheButton{
        height:30px;
        width:60px;
        margin-left:10px;

    }

    #addChat{
        display:none;
        margin-top:10px;
        margin-bottom:10px;
        padding:20px 5px 20px 5px;
        border:solid 1px blue;
        border-radius: 20px 20px 20px 20px;
        background-color:#fbfbfb;
        margin-right:auto;
        margin-left:auto;

        max-width:600px;
    }

    #addChatTextarea{
        height:90px;
        width:250px;
        text-align: left;
        resize: none;
    }

    #addChatTime{
        height:30px;
        width:100px;
        text-align: left;
    }
    
    #addChatLabel{
        display: inline-block;
        text-align: left;
        width: 110px;
    }

    #addChatInline{
        text-align:left;
        max-width:360px;
        margin:auto;
    }
    
    #addChatButton{/**/
        margin-top:15px;
        border-radius: 20px 20px 20px 20px;
        border:solid 1px blue;
        background: lightblue;
        width:100%;
    }

    #ChatSelection{
        margin-top:30px;
    }

    #latestChat_Make{
        width:100%;
        max-width:350px;
        border:solid 1px blue;
        background-color:#fbfbfb;
        border-radius: 10px 10px 10px 10px;
        padding:10px;
    }

    #latestChat_Comment{
        width:100%;
        max-width:350px;
        border:solid 1px blue;
        background-color:#fbfbfb;
        border-radius: 10px 10px 10px 10px;
        padding:10px;
    }

    @media (max-width: 699px) {
        /*
        #latestChat{
        }

        #popularChat{
            display:none;
        }
        */
        #latestChat_Make{
            margin-right:auto;
            margin-left:auto;
            margin-bottom:30px;
        }
        #latestChat_Comment{
            margin-right:auto;
            margin-left:auto;
            margin-bottom:30px;

        }
    }
    @media (min-width: 700px){
        #latestChat{
            display:flex;
            justify-content: center;
            /*align-items: center;*/
            margin-left:10px;
            margin-right:10px;
        }
        /*
        #popularChat{
            display:flex;
            justify-content: center;
            margin-left:10px;
            margin-right:10px;
            display:none;
        }
        */
        #latestChat_Make{
            margin-right:50px;
        }
        #latestChat_Comment{

        }
    }

    #ChoiceButton{
        display:flex;
        justify-content: center;
        align-items: center;
        margin-bottom:20px;
    }

    #latestButton{
        /*border:none;*/
        background-color:#E5FFE5;
        color:black;
        outline: none;
        padding:10px;
        border-radius: 10px 0px 0px 10px;
        border-top:solid 1px gray;
        border-bottom:solid 1px gray;
        border-left:solid 1px gray;
        border-right:none;
    }

    #popularButton{
        /*border:none;*/
        background-color:lightgreen;
        color:black;
        outline: none;
        padding:10px;
        border-radius: 0px 10px 10px 0px;
        border-top:solid 1px gray;
        border-bottom:solid 1px gray;
        border-right:solid 1px gray;
        border-left:none;
    }

    #ChatCellUnder1{
        display:flex;
        justify-content: center;
        align-items: center;
        text-align:left;


    }

    #ChatCellUnder2{
        display:flex;
        justify-content: center;
        align-items: center;
        text-align:left;

        border-bottom:solid 1px lightgreen;
        padding-bottom:20px;

    }

    #TitleCell{
        text-align:left;
        font-size:20px;
        margin:10px;
    }

    #TimeCell{
        width:100%;
    }

    #CommentLengthCell{
        width:100%;
        text-align:left;
    }
    
    #MakeDateCell{
        width:100%;
    }

    #CommentDateCell{
        width:100%;
        text-align:left;
    }
    .juntext{
        font-size:20px;
        font-weight:bold;
    }
    .CellUnder{
        text-align:right;
        font-size:12px;
        margin-left:5px;

    }

    #aCBBtn{
        background-color:#a6dced;
        padding:5px 15px 5px 15px;
        
        border-radius:25px;
        border-color:lightblue;
        
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;

    }


    

    #sbox4{
        height:30px;
        padding:0 10px; 

        border-radius:25px 0 0 25px;
        outline:0;
        background:#eee;
    }
    #sbtn4{
        height:30px;
        width:50px;	
        /*position:absolute; */


        background:#7fbfff;
        color:#fff;
        border:none;
        border-radius:0 25px 25px 0;
    }
    #sbtn4 .fa-search{
        font-size:15px;	
        /*position:absolute;*/

    }
    #sbtn4:hover{
        color:#888;
    }
    #sbox4Css{
        margin-left:auto;
        margin-right:auto;
        margin-top:20px;
        margin-bottom:20px;
        display:flex;
        justify-content: center;
        align-items: center;

    }
    #footer{
        margin-top:20px;
        height:50px;
        padding:10px;
        text-align:center;
        background-color:black;
        color:white;
    }

    #header{

    }


    #nav {
        list-style: none;
        overflow: hidden;
        margin-left:-40px;
   
        display:flex;
        justify-content: center;
        align-items: center;
         
    }
    
    #nav a {
        min-width: 100px;
        width: 30%;
        background-color: black;
        float: left;
        /* height: 50px; */
        line-height: 20px;
        margin-right: 2px;
        text-align: center;

    }
    
    #nav a li {
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        padding: 10px;
        text-align: center;

    }

    #CenterText{
        


        margin-left:auto;
        margin-right:auto;

        padding:10px;

        max-width:90%;
        border:dashed 2px;
    }
    #HeadUseLink{
        font:lightblue;
    }
    #HeadText{
        font-size: 18px;
        text-align:left;
        
    }
    #MidText{
        text-align:left;
        margin-top: 10px;
        margin-bottom: 10px;
        
    }