| 7033 |
stevensc |
1 |
.button-icon{background-color:rgba(0,0,0,0);border:none;color:rgba(0,0,0,.6);cursor:pointer;display:grid;padding:0;place-items:center;position:relative}.button-icon::before{content:"";border-radius:50%;height:3rem;width:3rem;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.button-icon:hover::before{background-color:rgba(0,0,0,.08)}.profile__layout{column-gap:1rem;row-gap:.5rem;display:grid;grid-template-columns:minmax(0, 1fr);grid-template-rows:auto;grid-template-areas:"main" "aside"}@media screen and (min-width: 768px){.profile__layout{grid-template-areas:"main aside";grid-template-columns:minmax(0, 17fr) minmax(300px, 7fr)}}.profile__user-card{border:1px solid #d3d3d3;border-radius:10px;background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.profile__user-card .cover__image-container{width:100%;height:300px;position:relative}.profile__user-card .cover__image-container img{width:100%;height:100%;object-fit:cover}.profile__user-card .cover__edit-btn{position:absolute;top:20px;right:20px;background-color:#fff;color:#8a2be2;border-radius:50%;height:3rem;width:3rem;font-size:1.1rem}.profile__user-card .cover__edit-btn::before{content:initial}.card-content{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.card-content .card-info{display:flex;flex-direction:column;align-items:flex-start}.card-content .card-info h1{font-size:24px;font-weight:600;line-height:1.25}.card-content .card-info p{font-size:1rem;font-weight:400;line-height:1.25}.card-content .card-info span{font-size:.9rem;font-weight:400}.card-content .card-info a{color:#0a66c2;font-weight:600}.card__image-options{display:flex;justify-content:space-between;align-items:flex-end}.card__image-options .img{width:152px;height:152px;margin-top:-112px;border-radius:50%;border:4px solid #fff;background-color:#c9ced4}.description__label{margin-bottom:1rem}.description__label label{font-size:1rem;font-weight:600}.description__label p{font-size:.9rem}.card-experiences{width:232px}.card-experiences ul{display:flex;flex-direction:column;align-items:flex-start}.card-experiences ul span{font-weight:600;font-size:.9rem}.button-actions{display:flex;align-items:center;gap:.5rem}.button{border-radius:30px;align-items:center;padding-left:1rem !important;padding-right:1rem !important;border:none;width:fit-content;cursor:pointer;font-weight:600;display:inline-flex;justify-content:center;min-width:6.4rem;max-width:480px;overflow:hidden;text-align:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.experience__user-card{border:1px solid #d3d3d3;border-radius:10px;background-color:#fff;padding:1rem;display:flex;flex-direction:column;gap:.5rem;grid-column:1}.experience__user-card .card__options-container{display:flex;justify-content:space-between;align-items:center}.experience__user-card .card__options-container h2,.experience__user-card .card__options-container h4{font-weight:600;font-size:1.4rem}.experience__user-card .card__options-container .card__options-icons{display:flex;gap:1.5rem}.experience__user-card .card__items{display:flex;flex-direction:column}.experience__user-card .card__items h4,.experience__user-card .card__items p,.experience__user-card .card__items span{line-height:1.25}.experience__user-card .card__items h4{font-weight:600;font-size:1rem}.experience__user-card .card__items p,.experience__user-card .card__items span{font-weight:400}.experience__user-card .card__items span{font-size:.9rem;color:rgba(0,0,0,.6)}.experience__user-card .card__items p:nth-last-child(1){margin-top:.5rem}
|