@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");:root{--first-color:#bb0711;--first-color-dark:#f06f75;--first-color-light:#a49eac;--first-color-lighten:#f2f2f2;--body-font:"Open Sans",sans-serif;--h1-font-size:1.5rem;--normal-font-size:.938rem;--small-font-size:.813rem}@media screen and (min-width:768px){:root{--normal-font-size:1rem;--small-font-size:.875rem}}*,:after,:before{box-sizing:border-box}body{padding:0;font-family:var(--body-font);font-size:var(--normal-font-size)}body,h1{margin:0}a{text-decoration:none}img{max-width:100%;height:auto;display:block}.login{grid-template-columns:100%;height:100vh;margin-left:1.5rem;margin-right:1.5rem}.login,.login__content{display:grid}.login__img{justify-self:center;align-items:center}.login__img img{width:310px;height:fit-content;margin-top:1.5rem}.login__forms{position:relative;height:368px}.login__create,.login__registre{position:absolute;bottom:1rem;width:100%;background-color:var(--first-color-lighten);padding:2rem 1rem;border-radius:1rem;text-align:center;box-shadow:0 8px 20px rgba(35,0,77,.2);animation-duration:.4s;animation-name:animate-login}@keyframes animate-login{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.login__title{font-size:var(--h1-font-size);margin-bottom:2rem}.login__box{display:grid;grid-template-columns:max-content 1fr;column-gap:.5rem;padding:1.125rem 1rem;background-color:#fff;margin-top:1rem;border-radius:.5rem}.login__icon{font-size:1.5rem;color:var(--first-color)}.login__input{border:none;outline:none;font-size:var(--normal-font-size);font-weight:700;color:var(--first-color-dark)}.login__input::placeholder{font-size:var(--normal-font-size);font-family:var(--body-font);color:var(--first-color-light)}.login__forgot{display:block;width:max-content;margin-left:auto;margin-top:.5rem;font-size:var(--small-font-size);font-weight:600;color:var(--first-color-light)}.login__forgot:hover{cursor:pointer;color:var(--first-color-dark)}.login__button{margin:2rem 0}.forgot_password_button,.login__button{display:block;width:20rem;height:3rem;background-color:var(--first-color);color:#fff;font-weight:600;text-align:center;border-radius:.5rem;transition:.3s}.forgot_password_button{margin:1rem 0 -1rem}.forgot_password_button:hover,.login__button:hover{background-color:var(--first-color-dark)}.login__account,.login__signin,.login__signup{font-weight:600;font-size:var(--small-font-size)}.login__account{color:var(--first-color-dark)}.login__signin,.login__signup{color:var(--first-color);cursor:pointer}.login__social{margin-top:2rem}.login__social-icon{font-size:1.5rem;color:var(--first-color-dark);margin:0 1.5rem}.block{display:block}.none{display:none}@media screen and (min-width:576px){.login__forms{width:348px;justify-self:center}}@media screen and (min-width:1024px){.login{height:100vh;overflow:hidden}.login__content{grid-template-columns:repeat(2,max-content);justify-content:center;align-items:center;margin-left:10rem}.login__img{display:flex;width:600px;height:588px;background-color:var(--first-color-lighten);border-radius:1rem;padding-left:1rem}.login__img img{width:390px;margin-top:0}.login__create,.login__registre{left:-11rem}.login__registre{bottom:-2rem}.login__create{bottom:-5.5rem}}.container{justify-content:space-around}.container,.mainDiv{display:flex;flex-wrap:wrap}.mainDiv{margin-top:3rem;flex-direction:row;gap:1rem;justify-content:center;align-items:center;padding:2rem}.projectDiv{border-radius:8px;box-shadow:0 8px 20px rgba(35,0,77,.2);height:570px;width:252px;.bio-p,.description-p,span{font-size:smaller}}.projectImg{border-radius:8px;height:180px;width:236px;object-fit:cover;object-position:center;margin:.5rem auto 0}.tags-div{margin-top:-.6rem;p{color:#000;font-weight:600;font-size:smaller}}