/*note this is the same as for art310725 but I might move that later*/
        body{display: flex;flex-direction: column; width: 100%;}
        main{display:flex;flex-direction: column;}
        #wholet{display: flex; flex-direction: column; width: 98%; max-width:1200px;   margin: auto; }
        .row{display: flex; flex-direction: row;  }
        .rowr{display: flex; flex-direction: row; margin: auto; }
        #titles{ flex:2 1 30%; flex-direction: column; align-items: center; }
        #titlesa{flex:2 1 30% ;flex-direction:column;}
        #titlephoto{width:400px;}
        .hundred{display: flex; }
        .hundred img{width:100%; height:100%;}
        #inputter{display: flex;flex-direction: row;
             margin-bottom: 20px; height: 3em;}
        #entryArr, #entryArra{height: 2em;display: flex;}
        #entryB {background-color: blueviolet;color: whitesmoke;
            margin-bottom: 20px;}
        #entryBa{background-color: blueviolet;color: whitesmoke;       }    
        #entryE, #entryEa{background-color: greenyellow;color: rebeccapurple;
            margin-bottom: 20px;}   
       #entryEa{background-color: greenyellow;color: rebeccapurple;}          
        table{border-collapse: collapse;     }
        table thead{background-color: burlywood;
            border: 2px brown solid;
        padding: 3px 1px;}
        table tr{border: 2px brown solid; padding: 3px 1px;}
        table thead td{padding: 4px; border: 2px blueviolet solid;
            text-align: center; font-weight: bold;color: blueviolet;}
        table td{padding: 3px; border: 1px brown solid;}   
        .tawidth{display: flex; max-height:60px;
            width:95%;overflow-y: scroll;}
        .red{background-color: red;color:blanchedalmond;}
        .hide{display:none;};
        #demo2{display: none;}
        .col{display: flex;flex-direction: column;}
        .hideno{display: none;}
       .display{display:block;}
       .containerfoot {  flex-direction: column; color: whitesmoke;    display: flex;   
        width: 90%; margin: auto 25px; border-radius: 20px;align-items: center;      background-color:cornflowerblue ;  }
    .containerfoot h2, p{margin: 1px;}
    #roverh4{margin: auto; background-color: yellow; color: teal;border: 2px white solid;padding: 4px;}
    #changephoto{background-color: orangered; color: aliceblue;padding: 2px; border-radius: 2px;}
    #changephoto button{padding: 2px; border-radius: 2px;
        border:white solid 2px;}
    #changephoto button:hover{font-size: 0.9em;}