.profile{min-height:100vh;margin-inline:5%}.profile-card{position:relative}.profile-cover{max-width:100%}.profile-cover-overlay{background-color:#00000071;width:100%;height:20rem;z-index:1;position:absolute;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.profile-cover-pic{width:100%;height:20rem;object-fit:cover;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.profile-details{position:absolute;top:80%;left:2%;display:flex;align-items:center;gap:.5rem}.profile-pic{height:200px;width:200px;object-fit:cover;object-position:top;border-radius:50%;border:.3rem solid white;z-index:2}.profile-text{line-height:1.4}.profile-name{font-size:2rem;font-weight:bolder}.profile-bio{font-size:1.2rem}.container{margin-inline:4rem}.hero{display:flex;justify-content:space-between;padding-block-start:1rem;gap:2rem;margin:0 auto}.hero-section{max-width:50%}.hero-section h1{font-size:clamp(3rem,10vw,6rem)}.hero-section p{font-size:clamp(1rem,10vw,2rem)}.hero-section-wave{animation:wave 2s infinite forwards}.hero-section-btns{padding-block-start:1rem}.hero-btn{padding:.8rem;padding-inline:1.2rem;border-radius:30px;cursor:pointer;border:none;font-size:1.2rem}.hero-btn-profiles{margin-inline-end:.5rem;background-color:var(--yellow-ish);color:#000;width:40%}.hero-btn-create{background-color:var(--green-ish);color:#000;width:40%}.hero-banner{max-width:50%}.hero-banner img{max-width:100%}@keyframes wave{to{transform:rotate(45deg)}}*{padding:0;margin:0;box-sizing:border-box}.signup-section{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:90vh;background-color:#f5f5f5}.form{background-color:#ff0;border-radius:10px;max-width:100%;padding:2rem;box-shadow:0 0 10px 6px #0000004b;position:relative}.gallery-icon{position:absolute;top:-11%;left:-10%;animation-name:spinner;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}.create-input{border-radius:20px;outline:none;padding:.5rem;width:100%}.bio-textarea{resize:none;padding:.5rem;height:100px;width:100%;border:1px black solid;border-radius:20px}.password{margin-bottom:.8rem}.create-file::file-selector-button{background-image:linear-gradient(#ffff00c2,#66ff0049);background-repeat:no-repeat;background-blend-mode:differences;padding:.4rem;padding-inline:.5rem;border-color:#66ff00a1;border-radius:20px;cursor:pointer}.btn-create{background-color:#66ff00a1;width:100%;margin-block:1rem;padding:.5rem;border-radius:20px;border:none;cursor:pointer}@keyframes spinner{to{transform:rotate(720deg)}}.profile-section{gap:1rem;line-height:1.5;margin:2rem;display:flex;gap:2rem;flex-wrap:wrap}.profile-list{color:#000;text-decoration:none;text-align:center}.profile-detail{background-color:#6f0;border-radius:10px;padding:1rem}.profile-detail:hover{transition:all .4s;background-color:#ff0;cursor:pointer}.profile-detail-pic{height:200px;width:200px;object-fit:cover;object-position:top;border-radius:10px}.profile-detail:hover>.profile-detail-pic{transition:all .4s;scale:1.05;box-shadow:0 0 10px 2px #0000002f}.error{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;line-height:1.5;background-color:#f5f5f5}.back-btn{color:#000;text-decoration:none;border:1px black solid;border-radius:10px;padding:.2rem;transition:all .5s}.back-btn:hover{color:#fff;background-color:#000}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center}.login-username{margin-bottom:1rem}:root{--green-ish: rgb(102, 255, 0);--yellow-ish: rgba(255, 255, 0, .904)}.header{background-color:#ffff27;display:flex;justify-content:space-between;align-items:center;padding-inline:2rem;padding-block:1rem;position:sticky;position:relative;top:0;z-index:3}.nav-bar-list{display:flex;justify-content:center;align-items:center;list-style:none}.nav-bar-item{margin-inline:.5rem}.nav-bar-home{text-decoration:none;color:#000}.nav-bar-link{text-decoration:none;font-size:1.1rem;position:relative}.nav-mobile{overflow:hidden;position:absolute;top:3.6rem;padding-block-start:1rem;padding-inline-start:1rem;height:88vh;background-color:var(--green-ish);filter:drop-shadow(0px 5px 10px rgba(0,0,0,.452)) opacity(95%);visibility:hidden;transition:width padding visibility;z-index:3}.nav-mobile-open{width:50%;padding-inline:1rem;visibility:visible;transition:.3s}.nav-mobile-close{width:0%;padding-inline-start:0rem;visibility:hidden;transition:.3s}.nav-bar-list-mobile{list-style:none}.nav-bar-item-mobile{padding-block:.5rem}.nav-bar-link-mobile{text-decoration:none}.humbegur-icon{background:none;border:none}.humbegur-icon img{width:20px}@media screen and (max-width: 768px){.humbegur-icon{display:block}}