/*body {
            /*box-sizing: border-box;*/
            /*width: 100%;
            /*height:600px;*/
            /*background-color: brown;
            /*flex-direction: column;
        }*/
        html{
            display: flex;
        }
        ul {
            list-style: none;
            
        }
        .experiences {
            list-style-image: url(assets/handshake-simple-solid.svg);
        }
        .missions {
            list-style-image: url(assets/hand-solid.svg);
        }
        li {
            margin: 20px;
        }
        a {
            text-decoration: none;
        }
        h5 {
            font-size: large;
        }
        body{
            display: block;
            margin: 0px;
            margin-bottom: auto;
        }
        .body{
            display: flex;
        }

        #header {
            position:fixed;
            width: 100%;
            height: 10%;
            top: 0px;
            left: 0px;
            background-image: url(assets/cloud.gif);
            margin-bottom: 10px;
            flex-grow: 0;
            flex-shrink: 0;
        }
        header p {
            text-align: center;
            font-size: 135%;
            font-weight: bold;
            font-family: 'Times New Roman';
            font-style: italic;
            color: forestgreen;
            animation: blinker 10s linear infinite;
            animation-delay: -2s;
            padding-bottom: 10%;
        }        
        @keyframes blinker {
              0% {
                transform: translate(60px,0);
                opacity: 0;
              }
/*              
              25% {
                transform: translate(75%,0);
                opacity: 0.25;                
              }
              50% {
                transform: translate(50%,0);
                opacity: 0.5;                
              }  
              75% {
                transform: translate(-75%,0);
                opacity: 0.5;                
              } 
*/                         
              100% {
                transform: translate(-60px,0);
                opacity: 1;

              }
        }
        
        main{
            display: flex;
            /*position: relative; */
            flex-direction: row;
            height: 80%;
            margin-top: 5%;
            margin-bottom: 0;
            padding-bottom: 5%;
            left: 0px;
            /*overflow: auto; */
            background-color: yellowgreen;
        }
        #perso{
            font-style: italic;
            
        }
        #motivation{
            font-style: italic;
            position: absolute;
            line-height: normal;
            bottom: 15%;


        }
        #sidebar{
            top: 10%;
            bottom: 0px;
            position: fixed;
            left: auto;
            height: auto;
            width: 26%;
            padding-top: 2%;
            padding-left: 3%;
            padding-right: 1%;
            /*width: 20%; */
            left: 0px;
            background-color: lightblue;
            float: none;
            border: 2px;
        }

        .sidebar {
            line-height: 0.5em;
            overflow: hidden;
            font-size: 16pt;
        }

        #sidebar_adress {
            
        }

        #container {
            margin-top: auto;
            padding-top: 8%;
            padding-left: 35%;
            margin-bottom: inherit;
            padding-bottom: 10%;
            height: auto;
            flex: 3;
            top: 10%;
            width: 80%;
            right: 0px;
            background-color: rgb(25, 152, 187);
            font-size: 18px;
        }
     
        #footer {
            position: fixed;
            width: 100%;
            min-height: 10%;
            margin-top: 15%;
            left: 0px;
            bottom: 0px;
            background-image: url(assets/cloud.gif);
            display:flex;
            flex-grow: 0;
            flex-shrink: 0;
        }