@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}body{font-family:Manrope,serif;font-optical-sizing:auto;font-style:normal;font-size:13px;background-color:#ecf2f8}body main{display:flex;align-items:center;justify-content:center;min-height:100dvh}body main .container{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;height:max-content;width:93.5vw;border-radius:15px;position:relative;margin:2vh 0}body main .container picture{flex-basis:40%;border-radius:15px 15px 0 0;width:100%;height:35%}body main .container picture .drawers{border-radius:15px 15px 0 0;object-fit:cover;width:100%;height:100%}body main .container .content{flex-basis:60%;padding:5vh 8.5vw;display:flex;flex-direction:column;justify-content:center;gap:1vh}body main .container .content .title{font-size:1.35789rem}body main .container .content .desc{line-height:1.77}body main .container .content .component-footer{display:flex;align-items:center;justify-content:space-between;height:10vh}body main .container .content .component-footer .avatar{display:flex;align-items:center;gap:2vw}body main .container .content .component-footer .avatar .avatar-img{width:4em;height:auto;border-radius:100%}body main .container .content .component-footer .share-btn{border:none;height:50px;width:50px;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}body main .container .content .component-footer .share-btn .share-icon{width:20px;height:auto}body main .container .pop-up{background-color:#48556a;position:absolute;display:flex;justify-content:flex-start;align-items:center;gap:3vw;padding:3.5vh 3vw;z-index:1;left:0;bottom:0;right:0;border-radius:0 0 15px 15px;width:100%}body main .container .pop-up p{font-size:1rem;color:#ecf2f8}body main .container .pop-up picture{display:flex;gap:2.5vw;height:fit-content}body main .container .pop-up picture img{height:30px;width:30px}body main .container .pop-up .share-btn{margin-left:auto;border:none;height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:100%;cursor:pointer}body main .container .pop-up .share-btn .share-icon{width:15px;height:auto}body footer{text-align:center;margin:3vh 0}body footer .attribution a{text-decoration:none}@media (min-width: 1024px){body main .container{flex-direction:row;width:75vw}body main .container picture{border-radius:15px 0 0 15px;height:45vh;width:100%;margin:0;padding:0}body main .container picture .drawers{border-radius:15px 0 0 15px;height:100%;width:100%;object-fit:cover}body main .container .content{height:100%;padding:0 3.5vw;gap:3vh}body main .container .content .component-footer{position:relative}body main .container .content .component-footer .share-btn{position:relative}body main .container .pop-up{position:absolute;width:fit-content;border-radius:15px;left:auto;right:-13%;bottom:32%;z-index:10;transform:translate(0);background-color:#48556a}body main .container .pop-up:after{content:"";position:absolute;bottom:-22px;right:50%;width:0;height:0;border-left:23px solid transparent;border-right:23px solid transparent;border-top:23px solid hsl(217,19%,35%)}body main .container .pop-up p{letter-spacing:4px}body main .container .pop-up picture{gap:1.5vw}body main .container .pop-up picture img{flex-direction:row}body main .container .pop-up .share-btn{display:none}}@media (min-width: 1440px){body main .container .pop-up{left:auto;right:-10.4%;bottom:43%}}@media (min-width: 2560px){body main .container .pop-up{left:auto;right:-7.4%;bottom:45%}}