body {
    background:#39435b ; 
    border: 0px solid red;
    
      }
      .med{
        border: 0px solid green;
        position: inherit;
        padding-top: 3px;
        padding-bottom: 3px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 0px;
        margin-right: 0px;
        background:#eeeeee ;
      }
      .container-1{
        position: relative;
        border: 5px solid yellow;
        width: auto;
        height: auto;
        display: flex;
        flex-direction: row;
        align-content: center;
        justify-content: center;
        gap:5px;
       }
       #part-1{
        background: transparent;
        border: 5px solid blue;
        height: auto;
        width: 100%;
        flex-grow: 1;
       
       }
       #part-2{
        background: transparent;
        border: 0px solid red;
        height: auto;
        width: 100;
        flex-grow: 1;
        align-self: self-end;
       }
       #section-1{
           background: #eeeeee;
           position: relative;
          /* top:100px;*/
           left:center;
           margin-top: 2px;
           margin-bottom:5px;
           margin-left: -10px;
           margin-right: -10px;
           border: 0px solid red;
           height: 65%;
           
         }
       #email{
           display: block;
           margin-left: auto;
           margin-right: auto;
           width: 60%;
           height: 80%;
           padding-top: 15px;
         }
         #contact-list{
           background: transparent;
           position: absolute;
           top: 65%;
           left: 50%;
           transform: translate(-50%, -50%);
           padding: 3px;
           border: 5px;
           text-align: center;
            
        }