.container{background:whitesmoke;display:flex;align-items:center;justify-content:space-around;padding:5px}a{display:flex;align-items:center;font-size:25px;color:#000}#nav-logo{height:40px}nav{display:flex;align-items:center}.card{width:500px;background:whitesmoke;box-shadow:#000000de 1.95px 2.95px 6.6px;display:flex;padding:10px;flex-direction:column;align-items:flex-start;justify-content:space-between}.user-photo{height:40px;border:1px solid whitesmoke;border-radius:20px}.card-header{display:flex;align-items:center;justify-content:flex-start;padding:10px;width:490px}.card-header>span{margin-left:auto}.card-header>img{margin-right:20px}.user-details{display:flex;flex-direction:column;align-items:self-start}.user-details>p{margin:0}.card-image{border:1px solid whitesmoke}.card-image>img{width:500px}.card-image>P{font-size:32px;margin:0 0 10px}.card-like{display:flex;justify-content:flex-start;align-items:center}.card-like>span{margin-right:10px}.comment-form{display:flex;align-items:center;justify-content:space-between}.comment-form>span{padding-bottom:10px}.comment-form>input{border:none;margin-right:20px;outline:none;width:430px}.comment-form>img{padding-bottom:10px}.comment-header{display:flex;align-items:center;justify-content:flex-start}.comment-header>span{margin-left:auto}.comment-header>img{margin-right:4px}.comment>p{margin:0 0 0 10px;padding-bottom:10px;border-bottom:1px solid #b5b5b5}.profile{display:flex;flex-direction:column;justify-content:center;align-items:center}.profile>main{width:800px}.profile>header{display:flex;justify-content:center;align-items:center}.profile>p{font-size:20px}.profile>header>img{box-shadow:#000000de 1.95px 2.95px 6.6px}.profile-details{width:600px;display:flex;flex-direction:column;padding:50px}.profile-header{display:flex;justify-content:space-between;align-items:center;width:600px}.profile-stats{display:flex;align-items:center;justify-content:space-between;width:400px}.profile-nav{display:flex;justify-content:space-evenly;align-items:center;border-top:1px solid;padding-top:10px;margin-bottom:20px}.profile-nav>span{cursor:pointer}.profile-nav>span.selected{color:#1aac83}.profile-content{display:flex;justify-content:center;align-items:center;flex-direction:column}.user-img{height:48px;border:3px solid #1aac83;border-radius:50px}.user-card{display:flex;align-items:center;justify-content:space-between;width:300px}:root{--primary: #1aac83;--error: #e7195a}a{text-decoration:none}a:hover{color:var(--primary)}body{background:white}label,input{display:block}input{padding:10px;margin-top:10px;margin-bottom:20px;width:100%;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}button{border:0;padding:10px 20px;font-family:Poppins;border-radius:4px;font-weight:500;font-size:20px;cursor:pointer;color:#fff;margin:0 10px;background:var(--primary)}.signup>h3{color:var(--primary);text-align:center}div.error{padding:10px;background:#ffefef;border:1px solid var(--error);color:var(--error);border-radius:4px;margin:20px 0}input.error{border:1px solid var(--error)}form.signup,form.login{max-width:400px;margin:40px auto;padding:20px;background:#fff;border-radius:4px}.error-message,.success-message{color:var(--error);font-size:1.2rem;padding:10px;border:1px solid;margin:10px;border-radius:5px}.success-message{color:var(--primary)}.heart{color:red}.material-icons{font-size:35px;cursor:pointer}.post-form>label{width:40px}.post-form>input{opacity:0;width:.1px;height:.1px;position:absolute}.post-form>h3{color:var(--primary)}.post-form>textarea{outline:none;padding:4px;border:none;border-bottom:1px solid;box-shadow:#000000de 1.95px 2.95px 6.6px;font-size:20px}.post-form>button{padding:8px 22px;font-size:23px;font-weight:700}.post-form{height:300px;position:sticky;top:40px;margin:40px 0;padding:30px;box-shadow:#000000de 1.95px 2.95px 6.6px}#about{padding:20px}.search-card{width:300px;height:400px;position:sticky;top:40px;margin:40px 0;padding:30px}.forget-password-page,.reset-password-page{height:80vh;justify-content:center;display:flex;align-items:center}.forget-password-form,.reset-password-form{box-shadow:#000000de 1.95px 2.95px 6.6px;padding:40px;box-sizing:border-box;width:600px;max-width:600px;display:flex;flex-direction:column;justify-content:center;align-items:center}