*{font-family:Lato,sans-serif;font-style:normal;color:#111}body{font-size:1.3rem;font-family:Lato,sans-serif;font-size:1.3rem;background:#eef1f6;margin:0;padding:0;font-size:1.3rem;padding:10px}article{margin:auto;max-width:800px;text-align:justify}p{text-indent:0px;text-align:justify;text-justify:auto}a,a:active,a:focus,a:hover,a:visited{color:#111;outline:none;text-decoration:none}ul{margin:0;padding:0}.clr{clear:both}.container{width:90%;margin:auto;overflow:hidden}.title{font-size:2.5rem;font-weight:500;letter-spacing:.4rem;padding:50px 0 30px;text-align:center;text-transform:uppercase}.view{animation:1s ease-in-out 0s 1 loadingAnimation;margin:200px auto 100px;max-width:1000px;box-sizing:border-box}.subtitle{text-align:left;letter-spacing:.2rem}.section{text-align:center justify;font-family:Lato,sans-serif;font-weight:300;font-size:1.3rem}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form button,input[type="submit"],.btn,.highlight,.archive__item-teaser{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}@-webkit-keyframes intro{0%{opacity:0}100%{opacity:1}}@keyframes intro{0%{opacity:0}100%{opacity:1}}*{font-family:Lato,sans-serif;font-style:normal;color:#111}body{font-size:1.3rem;font-family:Lato,sans-serif;font-size:1.3rem;background:#eef1f6;margin:0;padding:0;font-size:1.3rem;padding:10px}article{margin:auto;max-width:800px;text-align:justify}p{text-indent:0px;text-align:justify;text-justify:auto}a,a:active,a:focus,a:hover,a:visited{color:#111;outline:none;text-decoration:none}ul{margin:0;padding:0}.clr{clear:both}.container{width:90%;margin:auto;overflow:hidden}.title{font-size:2.5rem;font-weight:500;letter-spacing:.4rem;padding:50px 0 30px;text-align:center;text-transform:uppercase}.view{animation:1s ease-in-out 0s 1 loadingAnimation;margin:200px auto 100px;max-width:1000px;box-sizing:border-box}.subtitle{text-align:left;letter-spacing:.2rem}.section{text-align:center justify;font-family:Lato,sans-serif;font-weight:300;font-size:1.3rem}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form button,input[type="submit"],.btn,.highlight,.archive__item-teaser{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header{margin-top:0px;background:#eef1f6}.header-box{top:0;height:90px;font-family:Lato,sans-serif;color:#111;background-color:#eef1f6;width:90%;margin:auto;z-index:20}.header-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-align:center;position:fixed}.homepage-title{float:left;font-size:1.2rem;width:15%;box-sizing:border-box;color:#111;position:relative}.link-home{text-decoration:none}.menu-nav{background-color:#eef1f6;width:85%;float:right;justify-content:space-between;text-transform:uppercase;box-sizing:border-box;position:relative}.menu-nav a{color:#111;text-decoration:none}.menu-nav a:hover{color:#111}.menu-list{max-width:750px;width:100%;float:right;list-style:none;overflow-y:auto}.menu-list .menu-item{font-family:Lato,sans-serif;text-transform:uppercase;font-size:1.3rem;color:#111;padding-left:30px;padding-right:30px;text-align:center;display:inline-block;box-sizing:border-box}.menu-item>a{text-decoration:none;position:relative}.menu-item>a:before{content:'';width:97%;position:absolute;height:1px;bottom:0;left:0px;background:#111;visibility:hidden;transform:scaleX(0);transition:all 0.3s ease-in-out 0s}.menu-item>a:hover:before{color:#111;visibility:visible;transform:scaleX(1)}*{font-family:Lato,sans-serif;font-style:normal;color:#111}body{font-size:1.3rem;font-family:Lato,sans-serif;font-size:1.3rem;background:#eef1f6;margin:0;padding:0;font-size:1.3rem;padding:10px}article{margin:auto;max-width:800px;text-align:justify}p{text-indent:0px;text-align:justify;text-justify:auto}a,a:active,a:focus,a:hover,a:visited{color:#111;outline:none;text-decoration:none}ul{margin:0;padding:0}.clr{clear:both}.container{width:90%;margin:auto;overflow:hidden}.title{font-size:2.5rem;font-weight:500;letter-spacing:.4rem;padding:50px 0 30px;text-align:center;text-transform:uppercase}.view{animation:1s ease-in-out 0s 1 loadingAnimation;margin:200px auto 100px;max-width:1000px;box-sizing:border-box}.subtitle{text-align:left;letter-spacing:.2rem}.section{text-align:center justify;font-family:Lato,sans-serif;font-weight:300;font-size:1.3rem}b,i,strong,em,blockquote,p,q,span,figure,img,h1,h2,header,input,a,tr,td,form button,input[type="submit"],.btn,.highlight,.archive__item-teaser{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}#about-s{display:flex;align-item:center}.about-bla{float:left;width:70%;box-sizing:border-box}#profile-img{width:200px;float:right;margin:auto;padding:20px;box-sizing:border-box}.image-profile{float:right;width:10%;border:1px solid transparent;border-image:url(images/profile.png);box-sizing:border-box}.center-p{text-align:center}.publi{width:100%;max-width:100%;margin-bottom:1.5rem;display:flex;flex-direction:row;align-items:stretch;min-height:11rem;border-radius:10px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 1px 0 rgba(31,35,46,0.15)}.publi:hover{transform:translate(0px, -2px);box-shadow:0 15px 45px -10px rgba(10,16,34,0.2)}.publi .publi-thumbnail{width:30%;max-width:100%;min-height:11rem;background-size:cover;background-position:50% 50%}.publi .publi-teaser{width:10%;max-width:100%;background-repeat:no-repeat;background-size:contain;background-position:50% 50%}.publi .publi-content{padding:2rem;width:70%}.publi .publi-content .publi-date,.publi .publi-content .publi-words{font-size:14px}.publi .publi-content .publi-title{margin:0 0 10px;font-size:25px;font-weight:400}.publi .publi-content .publi-title a{font-family:'Lato', serif;text-decoration:none;color:#111}.publi .publi-content p{margin-top:0}a.older-publi,a.newer-publi{font-size:18px;display:inline-block;color:#111;transition:transform .2s}a.older-publi:hover{transform:translateX(5px)}a.newer-publi:hover{transform:translateX(-5px)}.button{border:none;color:white;padding:6px 6px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:2px 1px;transition-duration:0.4s;cursor:pointer}.btn-publi{background-color:#eef1f6;color:black;border:1px solid grey;border-radius:4px}.btn-publi:hover{background-color:grey;color:white}.modal{display:none;position:fixed;z-index:100;padding-top:400px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}.modal-content{background-color:#eef1f6;margin:auto;padding:20px;border:1px solid #888;width:40%}.bibblock{word-wrap:break-word;background-color:#111;color:grey;border:1px solid black}.close{color:#aaaaaa;float:right;font-size:28px;font-weight:bold}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.icon-link{width:40px;height:40px;background-color:#666;line-height:40px;text-align:center;vertical-align:middle;display:inline-block;cursor:pointer;outline:none;margin:5px;box-sizing:border-content}.icon-link.fill.facebook{background-color:#3b5998}.icon-link.fill.facebook:hover{background-color:#fff}.icon-link.fill.facebook:hover .fa-facebook{color:#3b5998;transition:color 150ms ease-in-out}.icon-link.fill.linkedin{background-color:#007bb6}.icon-link.fill.linkedin:hover{background-color:#fff}.icon-link.fill.linkedin:hover .fa-linkedin{color:#007bb6;transition:color 150ms ease-in-out}.icon-link.fill.twitter{background-color:#00aced}.icon-link.fill.twitter:hover{background-color:#fff}.icon-link.fill.twitter:hover .fa-twitter{color:#00aced;transition:color 150ms ease-in-out}.icon-link.fill.google-plus{background-color:#dd4b39}.icon-link.fill.google-plus:hover{background-color:#fff}.icon-link.fill.google-plus:hover .fa-google-plus{color:#dd4b39;transition:color 150ms ease-in-out}.icon-link.fill.github{background-color:#444}.icon-link.fill.github:hover{background-color:#fff}.icon-link.fill.github:hover .fa-github{color:#444;transition:color 150ms ease-in-out}.icon-link.fill.envelope{background-color:#444}.icon-link.fill.envelope:hover{background-color:#fff}.icon-link.fill.envelope:hover .fa-envelope{color:#444;transition:color 150ms ease-in-out}.icon-link.fill.graduation-cap{background-color:#444}.icon-link.fill.graduation-cap:hover{background-color:#fff}.icon-link.fill.graduation-cap:hover .fa-graduation-cap{color:#444;transition:color 150ms ease-in-out}.icon-link.brand{background-color:#fff}.icon-link.brand .fa{color:#006FC2}.icon-link.round{border-radius:40%}.icon-link.round-corner{border-radius:5px}.icon-link:hover{transition:background-color 150ms ease-in-out;height:36px;line-height:36px;width:36px;background-color:#fff}.icon-link:hover.facebook{border:2px solid #3b5998}.icon-link:hover.linkedin{border:2px solid #007bb6}.icon-link:hover.twitter{border:2px solid #00aced}.icon-link:hover.google-plus{border:2px solid #dd4b39}.icon-link:hover.github{border:2px solid #444}.icon-link:hover.envelope{border:2px solid #444}.icon-link:hover.graduation-cap{border:2px solid #444}.icon-link:hover .fa{line-height:38px}.icon-link:hover .fa-facebook{color:#3b5998;transition:color 150ms ease-in-out}.icon-link:hover .fa-linkedin{color:#007bb6;transition:color 150ms ease-in-out}.icon-link:hover .fa-twitter{color:#00aced;transition:color 150ms ease-in-out}.icon-link:hover .fa-google-plus{color:#dd4b39;transition:color 150ms ease-in-out}.icon-link:hover .fa-github{color:#444;transition:color 150ms ease-in-out}.icon-link:hover .fa-envelope{color:#444;transition:color 150ms ease-in-out}.icon-link:hover .fa-graduation-cap{color:#444;transition:color 150ms ease-in-out}.icon-link .fa{color:#fff;line-height:40px;font-size:24px}.brand-icons{background-color:#ddd;padding:10px 0}