body{margin:0%;padding:0%;font-family:Roboto,sans-serif;width:100%;height:100%;background-color:#fff8f8;color:#242424}.intro{position:fixed;display:flex;justify-content:center;align-items:center;top:0;width:100%;height:100%;background-color:#fff8f8;transition:opacity .5s ease-out}.main{transition:opacity .5s ease-in}#top{height:1px}#root{margin:0%;padding:0%;width:100%;height:100%}.title{color:maroon;font-family:Kalnia,serif;font-size:2rem;width:60%;margin:8% 10%;transition:opacity 4.5s ease-in}.message{font-size:1.2rem;margin:0% 15%;font-weight:300;font-style:normal;transition:opacity 2.5s ease-in}a{color:inherit;text-decoration:none}a:hover{color:maroon;text-decoration:underline}.hidden{display:none}.intro{opacity:1;visibility:visible;transition:opacity 3s ease-out}.intro.hidden{opacity:0;visibility:hidden;transition:opacity 3s ease-out,visibility 0s 3s}.main{opacity:0;visibility:hidden;transition:opacity 3s ease-out}.main.visible{opacity:1;visibility:visible}li.message{padding:1.5% 0% 5%}ul{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style-type:none;padding:0}#linkProfile{margin:5%}#header{display:none;transition:opacity 1.5s ease-in}.divHeader{width:100%;display:flex;flex-direction:row;justify-content:space-around}#header div:first-child{justify-content:flex-start}.divHeader span{width:100%;height:1px;margin:2% 0%;display:block;background-color:#fff}.divHeader p:hover{color:maroon;text-decoration:underline}.burger span{width:7%;height:2px;margin:2% 0%;display:block;background-color:#fff}.active{color:maroon;text-decoration:underline}@media (min-width: 811px){.project-message{font-size:2rem}body{margin-top:7vw}#header{z-index:10;position:fixed;top:0;height:5vw;background-color:#fff8f8;width:80%;font-size:1.5rem;display:flex;align-items:center;padding:0% 10%}#remplissage{width:100%;height:100vh}.title{font-size:6rem;margin:10% 10% 5%}.message{font-size:3rem;margin:0% 25%}}#divProject{width:50%;font-size:1.5rem;margin:0% 25%}.project-message{font-weight:300;font-style:normal;font-size:1.2rem;padding:2%}.span-line{height:2px;display:block;width:100%;background-color:#242424}.arrow{border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:3px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.down{transform:rotate(45deg);-webkit-transform:rotate(45deg)}@media (min-width:801px){.project-message{font-size:1.5rem}li.message{display:flex;align-items:center;vertical-align:middle}li.message p:hover{color:maroon;text-decoration:underline;cursor:pointer}}