*{padding:0;margin:0;border:0}*,*:before,*:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{height:100%;width:100%;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}:root{font-family:Manrope,sans-serif;font-size:13px;line-height:1.5;font-weight:500;--dark-blue-x: hsl(217, 19%, 35%);--dark-blue-m: hsl(217, 19%, 35%);--dark-blue-l: hsl(214, 17%, 51%);--blue: hsl(212, 23%, 69%);--light-blue: hsl(210, 46%, 95%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--light-blue);display:flex;justify-content:center;min-width:320px}.app{min-height:100vh;display:flex;flex-direction:column;max-width:1440px}.main{display:flex;flex:1}.footer{color:#6b6b6b;padding:5px 0;margin-top:auto}.attribution{font-size:11px;text-align:center}.attribution a{color:#001b47}.tooltip{display:flex;align-items:center;background:var(--dark-blue-m);color:#fff;border-radius:10px;padding:16px 24px;box-shadow:0 8px 24px #48556a26;position:absolute;top:-80px;left:96%;transform:translate(-50%);z-index:10;font-family:inherit;font-size:14px;letter-spacing:4px}.tooltip__text{margin-right:24px;opacity:.7;font-weight:500}.tooltip__share-link{-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:12px;background:none;border:none;border-radius:50%;transition:background .2s;color:#fff;font-size:18px;text-decoration:none}.tooltip__share-link:last-child{margin-right:0}.tooltip__share-link:hover{background:var(--dark-blue-l)}.tooltip:after{content:"";position:absolute;left:50%;bottom:-11px;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #48556a}@media (max-width: 900px){.tooltip:after{content:none}.tooltip{width:110%;border-radius:0 0 10px 10px;top:-31%;left:50%}}.blog-preview{position:fixed;left:50%;top:50%;-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;display:flex;align-items:center;border-radius:10px;width:730px;box-shadow:13px 13px 57px #0b060b1a}.blog-preview__img-box{border-radius:10px 0 0 10px;-webkit-user-select:none;user-select:none;overflow:hidden;max-width:285px;max-height:280px}.blog-preview__img{object-fit:cover;object-position:left;max-height:280px}.blog-preview__content-box{display:flex;flex-direction:column;justify-content:center;gap:20px;max-width:450px;padding:4px 16px}.blog-preview__title{color:var(--dark-blue-m);font-size:20px;font-weight:700}.blog-preview__text{color:var(--dark-blue-l);line-height:1.5}.blog-preview__footer{position:relative;display:flex;justify-content:space-between;align-items:center}.author{display:flex;align-items:center}.author__photo{max-width:40px;max-height:40px;border-radius:100px}.author__text-box{margin-left:15px;display:flex;flex-direction:column;justify-content:center}.author__name{font-weight:700;color:var(--dark-blue-m)}.author__date{color:var(--blue);font-size:13px}.blog-preview__share-btn{z-index:20;color:#fff;-webkit-user-select:none;user-select:none;width:29px;height:29px;padding:3px 3px 4.5px;border-radius:50px;overflow:hidden;background:var(--dark-blue-m);cursor:pointer;display:flex;align-items:center;justify-content:center}.blog-preview__share-btn--active,.blog-preview__share-btn:hover{background:var(--dark-blue-l)}.blog-preview__share-btn-icon{display:inline-block;width:65%;height:65%;filter:brightness(0) invert(1)}@media (max-width: 900px){.blog-preview__img-box{border-radius:10px 10px 0 0}.blog-preview{width:95vw;max-width:350px;flex-direction:column}.blog-preview__img-box{max-width:100%;max-height:180px}.blog-preview__content-box{max-width:100%}}