*{box-sizing: border-box; margin: 0; padding: 0;}
        
        #page-container{ width: 100vw; /*height: 100vh;*/ margin: 50px auto; display: grid; grid-template:  0.1fr 1fr/ 1fr; align-items: center; grid-gap: 30px;}
        #header{text-align: center; text-transform: uppercase; word-spacing: 10px; color: #333e50;}
        #content{/*border: 1px solid #000;*/ width: 100%; height: 600px; margin: 0 auto; display: grid; grid: 1fr/0.7fr auto 1fr; /*place-items: center;*/ background-color: #333e50;}
        .content{place-self: center;}
        #border{border-left: 3px solid #fff; height: 100%;}
        
         #table_header{color: #fff; margin-top: 30px;}
        hr{width: 95%; height: 2px; margin-left: auto; margin-right: auto; background-color: #2f3a4a; border: 0 none; margin-top: 15px; box-shadow: 2px 4px 3px rgba(0,0,0,0.3);}
        .table_header{display: grid; grid: 1fr/1fr 1fr 1fr 1fr; text-align: center; justify-items: center;}
        .table_header p{width: 80px; border: 1px solid #fff; padding: 3px 5px; border-radius: 7px;}
        .table_records{display: grid; grid: 1fr/1fr 1fr 1fr 1fr; text-align: center; justify-items: center; margin-top: 40px; text-transform: uppercase; font-size: 0.8em;}
        .del_up{display: grid; grid: 1fr/1fr 1fr; text-align: center; margin-top: 25px; grid-gap: 20px;}
        .del_up p{width: 80px; /*border: 1px solid #fff;*/ padding: 5px 5px; background-color: #d94255; text-transform: uppercase; font-size: 0.7em;}
        .del{justify-self: end;}