body {
    /* color could be usefull #ef8913  */
    /* background: #000000 ; */
    /* url("../img/anis.jpg") no-repeat center; */
    height: 100%;
    padding-top: 200px;
}



.container {
    margin: 0;
    margin: auto;
    width: 50%;
    max-width: 1300px;
    /* border: 3px solid rgba(115, 143, 116, 0.479); */
    background: #80808023;
    padding: 30px;
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

.flex-main {
    display: flex;
    justify-content: space-between;
}
#loading {
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: 'Indie Flower', cursive;
    font-size: 6vw;
}

#mypic{
    border-radius: 50%;
    width: 50%;
    height: auto;
    padding-top: 50%;
    background: url("../img/anis.jpg") no-repeat center center/cover; 
    -webkit-box-shadow: 27px 16px 277px -24px rgba(0,0,0,0.75);
    -moz-box-shadow: 27px 16px 277px -24px rgba(0,0,0,0.75);
    box-shadow: 27px 16px 277px -24px rgba(0,0,0,0.75);
    }

    
    @media (max-width: 1600px) {
    
        .flex-main {
            display: flex;
            justify-content: center;
            text-align: center;
            align-items: center;
            flex-direction: column;
        }
        #loading {
            padding-top: 10px;
        }
      }