body{margin:0}*{box-sizing:border-box;font-family:monospace}.LoginPage{display:grid;width:100vw;height:100vh;grid-template-columns:repeat(6,1fr);grid-template-rows:7fr 3fr;grid-template-areas:". formsLoginRegister formsLoginRegister formsLoginRegister formsLoginRegister ." "footer footer footer footer footer footer";justify-items:stretch;-webkit-justify-content:start;justify-content:start}.formsLoginRegister,.LoginPage{-webkit-align-items:center;align-items:center}.formsLoginRegister{grid-area:formsLoginRegister;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:60px;border-radius:20px}.formsLoginRegister,.logInfo{padding:10px;box-shadow:1px 2px 5px rgb(0 0 0/15%)}.logInfo{margin:20px;width:455px;border-radius:10px;-webkit-animation:dropIn .5s ease backwards,opa 1s ease forwards;animation:dropIn .5s ease backwards,opa 1s ease forwards;-webkit-animation-delay:calc(var(--order)*0.5s);animation-delay:calc(var(--order)*0.5s)}.logInfo>form>label{color:#00008b;margin-left:10px;clear:both;margin-right:15px}.logInfo>form>input,.logInfo>form>label{height:20px;width:200px;margin-top:10px;float:left}.logInfo>form>input{border:1px solid #000}@-webkit-keyframes dropIn{0%{-webkit-transform:translateY(-800px);transform:translateY(-800px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropIn{0%{-webkit-transform:translateY(-800px);transform:translateY(-800px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes opa{0%{opacity:0}to{opacity:1}}@keyframes opa{0%{opacity:0}to{opacity:1}}.borderLine{border-bottom:1px solid #dadde1;padding-bottom:13px;font-size:14px}#footer{-webkit-flex-direction:column;flex-direction:column}#dashboardOut{background:linear-gradient(155deg,rgba(220,195,235,.8),rgba(255,0,0,0) 40%),linear-gradient(260deg,rgba(150,208,227,0) 60%,rgba(150,208,227,.8)),linear-gradient(340deg,rgba(176,122,208,.8),rgba(0,255,0,0) 40%);padding:40px}#dashboardIn{display:grid;width:calc(100vw - 80px);height:calc(100vh - 80px);background:hsla(0,0%,100%,.15);border-radius:40px;grid-gap:10px;padding:30px;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 7fr 2fr;grid-template-areas:"infos infos search search showRequest logout" "friends friends wall wall wall wall" "legals legals footer footer footer footer";justify-items:stretch;-webkit-align-items:center;align-items:center;-webkit-justify-content:start;justify-content:start}#dashboardIn,.dashboardElement{box-shadow:1px 2px 5px rgb(0 0 0/15%)}.dashboardElement{background:hsla(0,0%,100%,.25);padding:15px;border-radius:30px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;height:100%}#infos{grid-area:infos}#search{grid-area:search;display:-webkit-flex;display:flex}#logout{grid-area:logout}#friends{grid-area:friends}#showRequest{grid-area:showRequest}.ownPost,.postFriend{display:grid;grid-template-columns:2fr 8fr 1fr;grid-template-areas:"pseudo message likes";border-bottom:1px solid grey}.ownPost:hover,.postFriend:hover{background:grey}.pseudoPost{grid-area:pseudo}.messagePost{grid-area:message;overflow-wrap:anywhere}.likesPost{grid-area:likes;position:relative}.likesPost>button{background:none;border:none;cursor:pointer}.listOfLikers{display:none}.likesPost:hover .listOfLikers{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;position:absolute;background:#fff;left:25px;z-index:1}.listOfLikers{width:100px}#wall{grid-area:wall}#postMessage{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}#postMessage>*{margin-right:10px}#postMessage>textarea{border-radius:5px;border:1px solid #ccc;box-shadow:1px 1px 1px #999}#legals{grid-area:legals}#footer{grid-area:footer}
/*# sourceMappingURL=main.0f49c349.chunk.css.map */