*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;line-height:2}#Navbar{height:6vh;width:100vw;position:fixed;z-index:1000;background:#0006}#Navbar ul{margin:0;height:5vh;display:flex;justify-content:space-around;align-items:center}#Navbar ul li{color:#fff;list-style:none;transition:.3s}#Navbar ul li:hover{transition:.3s;color:#adff2f}#heroBanner{position:relative;width:100%;height:40vh;display:flex;flex-direction:column;background-image:url(https://github.com/AurelienPREVOST/myPortfolio/blob/main/src/assets/illustrations/banner.png?raw=true);background-repeat:no-repeat;background-position:left;background-size:cover;text-align:right;box-shadow:0 2px 5px gray}#heroBanner h1{color:#fff;margin:10vh 2%}#heroBanner button{color:#fff;background:#dc143c;min-width:300px;width:15%;position:absolute;bottom:40%;right:5%;padding:1rem;border:none;border-radius:40px;transition:.3s}#heroBanner button:hover{transition:.3s;background:#a40324}.codeLink a{background:#da775e;border-radius:10px;padding:1rem;box-shadow:0 2px 5px 1px gray;color:#fff;text-decoration:none}.codeLink a:hover{opacity:.8}.inclus-container{margin-left:7%}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}.logos{overflow:hidden;padding:1rem 0;background:#fff;white-space:nowrap;position:relative;box-shadow:0 0 10px 4px #dedede}.logos:before,.logos:after{position:absolute;top:0;width:250px;height:100%;content:"";z-index:2}.logos:before{left:0;background:linear-gradient(to left,#fff0,#fff)}.logos:after{right:0;background:linear-gradient(to right,#fff0,#fff)}.logos:hover .logos-slide{animation-play-state:paused}.logos-slide{display:inline-block;animation:35s slide infinite linear}.logos-slide img{height:50px;margin:0 40px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:5rem;background:#000c;color:#fff;font-size:2rem;border:1px solid #ccc;border-radius:5px;text-align:center;display:none;z-index:1000}.previewOdd{background:#f5f5f5;color:#000}.previewEven{background:#292929;color:#fff}h2,h3{font-size:2rem;padding-top:2rem;text-indent:1rem}.technos{width:96%;margin:0 auto}.technos div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.technoItem{display:inline-block;padding:8px;border-radius:5px;box-shadow:-2px 5px 5px gray;background-color:#dc143c;color:#fff}.description{text-indent:2rem;text-align:justify;margin:5%}.footer{padding:2rem;display:flex;flex-wrap:wrap;align-items:center;text-align:center;color:#fff;background:#000;width:100%;opacity:1;transform:translateY(0);transition:opacity .5s,transform .5s}.footer span{width:100%}.footer a{width:100%;display:flex;justify-content:center;align-items:center}.footer img{height:50px;width:50px;margin:5%}.footer img:hover{opacity:.5}.imgContainer img{width:90%;margin:5%}.codeLink{display:flex;justify-content:center;align-items:center;margin:2em}ul{margin-left:2em}.additionalIllustrationsContainer{display:flex;overflow-x:auto;align-items:center;padding:2rem 0;height:50vh}.additionalIllustration{display:flex;align-items:center;height:100%;margin:0 2rem}.additionalIllustration img{max-height:100%}@media screen and (min-width:720px){.additionalIllustration{max-width:30%}.additionalIllustration img{max-width:100%}}@media screen and (min-width:720px){*{font-size:1.2rem}#Navbar ul{justify-content:space-evenly}ul{margin-left:7%}}@media screen and (min-width: 960px){.imgContainer{width:40%;float:right}.description{width:54%;display:flex;align-items:center}.additionalIllustrationsContainer{justify-content:space-around}.inclus-container h3{margin:1rem 5%;text-indent:0}}@media screen and (min-width: 1290px){#main{padding:0 15%}.additionalIllustrationsContainer{overflow:visible;justify-content:center}}