:root{--blue200: hsl(193, 38%, 86%);--green300: hsl(150, 100%, 66%);--blue600: hsl(217, 19%, 38%);--blue900: hsl(217, 19%, 24%);--blue950: hsl(218, 23%, 16%);--mainFont: "Manrope", sans-serif}*{margin:0;padding:0}body{background-color:var(--blue950)}.container{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;padding:0 15px;box-sizing:border-box}.card{max-width:400px;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--blue900);padding:36px;border-radius:10px;position:relative}.card-title span{color:var(--green300);font-family:var(--mainFont);letter-spacing:4px;font-size:14px}.advice-text p{font-size:28px;color:#fff;font-weight:800;font-family:var(--mainFont);margin:24px 0}.pattern-divider{margin-bottom:24px}.pattern-divider img{width:100%;max-width:100%}button{display:flex;justify-content:center;align-items:center;outline:none;border:none;background-color:var(--green300);width:50px;height:50px;border-radius:50%;cursor:pointer;position:absolute;bottom:-25px;left:50%;margin:0 auto;transform:translate(-50%)}button:hover{box-shadow:0 0 20px 0 var(--green300)}@media(max-width:500px){.desktop-image{display:none}}@media(min-width:501px){.mobile-image{display:none}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}