* {
    padding: 0;
    margin: 0;
    font-family: cursive;
    /*overflow: hidden; */
}

body {
    background-color: #121818;
}


/*color picker colors. cement theme
#525157 rgb(82 81 87) darkest
#AEADAE rgb(174 173 174) second lightest
#EAEAEA rgb(234 234 234) lightest
*/
.background {
    /*
    border: solid wheat 3px;
    
    background-color: #121818;    
    */
    background-color: #121818;
    height: 100vh;
    padding-top: 1px;
}

.title {
    color: white;      
    text-align: center;
    font-size: 40px;
    margin-top: 3%;
}

h2 {
    color: seashell;      
    margin-top: 2%;
    text-align: center;   
}

#columns{
    /*border: solid white 3px;*/
    display: flex;
    height: 80vh;
    margin-top: 2%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1%;
    border: 15px solid rgb(47, 219, 4);
    
/*
    border: 15px solid rgb(154, 152, 152); 
    border: 15px dotted rgb(206, 205, 203);       
    border: 25px dotted rgb(184, 169, 142);
*/
    border-style: ridge;
    /*
    border-image: url(img/Border40x25.png);
    border-image-slice: 38%;
    border-image-repeat: repeat;
    */
}

#leftColumn{   
    padding: 3%;
    color: seashell;
    flex: 1;
    text-indent: 25px;       

}
#leftColumn::first-letter{
    font-size: 200%;
    color: rgb(47, 219, 4);
}
#bar {
    width: 1px;
    height: 80%;
    border: solid 2px rgb(47, 219, 4);
    margin-top: 3%;
    margin-bottom: 3%;
}

#rightColumn{    
    padding: 3%;
    color: seashell;
    flex: 2;
   
}
#welcomeBox {
    margin: 3%;
}
#messageBox {
    margin: 3%;
}
td {
    padding-top: 4%;
    padding-right: 2%;
}

@media screen and (max-width: 800px){   
    #columns {
        /*background-color: blue; */
        display: inline-block;/*Makes container only as large as contents require*/
        flex-wrap: wrap;               
        
    }
    #leftColumn {
        display: inline-block;           
        min-width: 75%;           
        
    }
    #rightColumn {
        display: flex;
        min-width: 75%; 
        
    }
    #welcomebox {
        margin-top: 5%;

    }
     #bar {
        display: none;
     }
}