@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{--color-primary: #EDEDED;--color-white: #FFFFFF;--color-black: #000;--color-gray: #7C7C7C}body{background-color:var(--color-primary);font-family:Roboto,sans-serif}p{color:var(--color-gray);font-family:Roboto;font-style:normal;font-weight:400;font-size:16px;line-height:130%;margin:0}h1{font-family:Roboto;font-style:normal;font-weight:500;font-size:24px;line-height:100%;color:var(--color-black)}a{font-family:Roboto;font-style:normal;font-weight:500;font-size:16px;line-height:130%;color:var(--color-black);text-decoration:none}.home-page{width:608px;min-height:571px;margin:227px auto;background:var(--color-white);border-radius:10px;position:relative}@media only screen and (max-width: 834px){.home-page{margin:312px auto}}@media only screen and (max-width: 700px){.home-page{margin:147px auto;width:343px;min-height:519px}}.container{width:576px;margin:0 auto;padding-top:16px}@media only screen and (max-width: 700px){.container{width:311px}}.picture{width:576px;height:296px;border-radius:10px;overflow:hidden;position:relative}.picture .picture__imag{transition:1s;width:inherit}@media only screen and (max-width: 700px){.picture{width:311px;height:273px}.picture .picture__imag{position:absolute;left:-137px;top:-12px;transform:scale(.92);width:576px}}.content{margin-top:32px}.content .content__title{margin:32px 0 14px}.content .content__par{margin-bottom:12px;height:62px;line-height:131%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media only screen and (max-width: 700px){.content{margin-top:24px}.content .content__title{font-size:18px;margin:24px 0 8px}.content .content__par{font-size:14px;margin-bottom:19px;height:57px}}.name{display:flex;justify-content:space-between}.name .name__ago{font-weight:400;font-size:14px;margin-top:10px;color:var(--color-gray)}@media only screen and (max-width: 700px){.name .name__ago{font-size:12px;margin-top:7px}}.foto .foto__picture{width:40px;height:40px;border-radius:20px;overflow:hidden;display:flex;justify-content:center;align-items:center;float:left}.foto .foto__picture .foto__imag{height:100%;width:auto}.foto .foto__text{margin:14px 0 0 52px;max-width:400px;font-style:normal;font-weight:500;font-size:14px;line-height:100%}@media only screen and (max-width: 700px){.foto .foto__imag{width:36px;height:36px;border-radius:46.15px}.foto .foto__text{font-size:12px;margin:12px 0 0 48px}.foto .foto__picture{width:36px;height:36px}}.read{position:relative}.read .read__imag{position:absolute;left:90px;top:2px}.read .read__text{position:relative}.read .read__text:after{display:block;position:absolute;left:0;width:0;height:1px;background-color:var(--color-black);content:"";transition:width .3s ease-out}@media only screen and (max-width: 700px){.read .read__text{font-size:14px}.read .read__imag{left:79px;top:1px}}.scale:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.container:hover .picture__imag{transform:scale(1.2)}.container:hover .read__text:after{width:100%}