@import"https://fonts.googleapis.com/css2?family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap";:root{--clr--primary: #101047;--clr--secondary: #1c2bff;--clr--black: #000;--clr--white: #fff}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}body{min-height:100vh;line-height:1.2;display:grid;place-content:center;font-family:Roboto Flex,sans-serif;-webkit-font-smoothing:antialiased}#button-start,#button-refresh{position:fixed;left:-9999px}img,picture{max-width:100%;display:block}.app{background:var(--clr--primary);color:#fff;width:1536px;height:532px;display:grid;grid-template-rows:140px auto;overflow:hidden;position:relative}.header{display:grid;grid-template-columns:auto auto;align-items:start;justify-content:space-between;padding-inline:87px;padding-block-start:36px;opacity:0}.logo{max-height:27px}.weather{display:flex;align-items:center;gap:19px;font-size:27px;font-weight:600}.weather__icon{font-size:62px;line-height:1}#main-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}.news-list{height:100%;margin-inline:87px;position:relative;display:none}.card{display:flex;position:absolute;width:438px;height:350px}.card:nth-child(1){left:0}.card:nth-child(2){left:462px}.card:nth-child(3){left:924px}.card__img{border-radius:1rem;overflow:hidden;position:relative;box-shadow:0 4px 4px #00000040;height:100%}.card__overlay{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;justify-content:space-between;height:100%;padding:1.5rem;background:linear-gradient(180deg,#0006,#0000,#0000 50%,#000000b3)}.card__overlay__logo{height:20px}.news__section{margin-top:auto}.news__title{font-size:1.6875rem;font-weight:600}.card__bg-img{object-fit:cover;width:100%;height:100%}.card__content{opacity:0;width:0;display:flex;align-items:flex-start;flex-direction:column;gap:1rem}.card__content .logo{margin-top:auto;max-width:100%}.tag{background-color:var(--clr--secondary);color:var(--clr--white);font-size:.875rem;font-weight:700;line-height:1;padding:9px 15px;border-radius:999px;text-transform:uppercase;width:fit-content}.news-columns{grid-template-columns:repeat(3,1fr);gap:22px;padding-inline:87px;display:none}.news-column{display:grid;gap:.5rem}.news-column .logo{margin-bottom:8px}.card-small{perspective:1000px;height:100px}.card-small__content{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s}.card-small__front,.card-small__back{position:absolute;width:100%;height:100%;backface-visibility:hidden;padding:1rem;box-sizing:border-box;background-color:var(--clr--white);color:var(--clr--black);display:grid;align-content:start;gap:5px;border-radius:1rem;font-size:1.125rem;font-weight:600}.card-small .tag{padding:3px 8px}.card-small p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.card-small__front{background-color:#fff}.card-small__back{transform:rotateX(180deg)}button{padding:8px 16px;border:none;background-color:teal;color:var(--clr--white);font-size:20px;border-bottom:1px solid white}