.profile-background{background-color:#fff;background-image:repeating-linear-gradient(45deg, rgba(255, 154, 223, 0.2), rgba(255, 154, 223, 0.2) 10px, transparent 0, transparent 30px),repeating-linear-gradient(315deg, rgba(255, 154, 223, 0.2), rgba(255, 154, 223, 0.2) 10px, transparent 0, transparent 30px);border-radius:20px;border:10px solid #ffb2f8;padding:25px;display:flex;flex-flow:column;gap:40px}@media screen and (max-width: 768px){.profile-background{padding:15px}}.profile-background .inner-container{background-color:#fff;padding:10px 25px 25px 25px;border-radius:20px;border:1px solid #ffb2f8}@media screen and (max-width: 768px){.profile-background .inner-container{padding:15px}}.profile-background .inner-container .updatea_at{display:flex;justify-content:right}.profile-background .inner-container .first_content{display:grid;grid-column-gap:20px;grid-template-columns:1fr 250px}@media screen and (max-width: 768px){.profile-background .inner-container .first_content{flex-flow:column-reverse;display:flex}}.profile-background .inner-container .first_content .text{display:flex;border-bottom:3px dashed pink;flex-wrap:wrap}@media screen and (max-width: 768px){.profile-background .inner-container .first_content .text{gap:5px}}@media screen and (max-width: 768px){.profile-background .inner-container div{width:100%;padding-bottom:5px}}.profile-background .inner-container.pink{background-color:#ffc6f7}h3{font-size:1.5rem;padding:0 20px;margin:0 5px}@media screen and (max-width: 768px){h3{font-size:1.1rem}}p{font-size:1.2rem}@media screen and (max-width: 768px){p{font-size:1rem}}.template{height:1.2rem;margin-top:calc((40px - 1.2rem)/2);line-height:1.2rem}.write{background-color:#ffdff8;border-radius:15px;padding:0 40px;height:40px;line-height:40px}@media screen and (max-width: 768px){.write{padding:0 15px}}.item-container{background-color:#ffecfa;border-radius:15px;border:1px solid pink;height:100%}.item-container p{margin-left:-5px;top:-15px;position:relative;background-color:#fff;width:fit-content;padding:5px 20px;border-radius:20px;border:1px solid pink}.item-container h3{padding-bottom:20px}@media screen and (max-width: 768px){.item-container h3{padding:0 10px 10px 10px;margin:0}}.prof-img{display:flex;border:1px solid pink;border-radius:125px;background-size:330px;background-position-x:-30px;background-position-y:-30px;background-image:url("../img/profile.jpg")}@media screen and (max-width: 768px){.prof-img{height:300px;max-width:250px}}