*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Roboto",sans-serif;background-color:#181b21}.box__large,.box__small{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.box__small{gap:16px}.box__large{gap:48px}.background{height:100vh;padding:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:var(--bgi-mobile);background-size:cover;background-position:center}@media screen and (min-width: 768px){.background{background-image:var(--bgi-desktop)}}.title,.link,.link:visited,.link:active,.text{color:#393c41;font-size:14px;white-space:nowrap}.link,.link:visited,.link:active{text-decoration:none;border-bottom:1px solid #393c41}.title{font-size:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-transform:capitalize}.panel{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;padding:8px;row-gap:12px;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;grid-template-columns:repeat(2, auto);background-color:rgba(255,255,255,.75)}.panel>.title{grid-column:1/-1}.panel>.text:last-child{grid-column:1/-1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.button--dark,.button--light{width:256px;height:40px;border:0;border-radius:20px;-webkit-transition:250ms;transition:250ms;text-transform:uppercase;font-size:14px;cursor:pointer}.button__icon--up,.button__icon--down{-webkit-transition:250ms;transition:250ms;-ms-flex-item-align:center;align-self:center;fill:#181b21;border-radius:50%;width:48px;height:48px}.button__icon--down{cursor:s-resize}.button__icon--up{cursor:n-resize;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.button__icon--up:hover,.button__icon--down:hover{background-color:#181b21;fill:#e3e3e3}.button--dark{background-color:#181b21;color:#fff}.button--dark:hover{background-color:#e3e3e3;color:#000}.button--light{background-color:#e3e3e3;color:#000}.button--light:hover{background-color:#181b21;color:#fff}
/*# sourceMappingURL=style.css.map */