:root{--clr-blue-200: hsl(193, 38%, 86%);--clr-green-300: hsl(150, 100%, 66%);--clr-neutral-blue-600: hsl(217, 19%, 38%);--clr-neutral-blue-900: hsl(217, 19%, 24%);--clr-neutral-blue-950: hsl(218, 23%, 16%)}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;background-color:var(--clr-neutral-blue-950)}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body{background-color:var(--clr-neutral-blue-950);color:var(--clr-blue-200);margin:0;font-family:Manrope,sans-serif}p{font-size:18px;font-weight:700;letter-spacing:3px}main{display:flex;flex-direction:column;justify-content:center;min-height:100vh;max-inline-size:900px;margin-left:auto;margin-right:auto}.container{position:relative;margin-top:clamp(5em,5vw,8em)!important}.advice-card{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2}.divider{display:flex;flex-direction:column;justify-content:center;align-items:center}#getQuoteBtn{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;bottom:-2.5em}.advice-card{background-color:var(--clr-neutral-blue-900);box-shadow:16px 16px 48px var(--clr-neutral-blue-950);padding:3em;border-radius:24px;margin-left:2em;margin-right:2em}@media (width > 1024px){.advice-card{min-width:800px;min-height:520px;transition:all 1.5s ease-in-out}}@media (width < 660px){.advice-card{padding:8px;margin-left:.5em;margin-right:.5em}}.advice-id{color:var(--clr-green-300)}#quoteBox{margin-block:2em;text-align:center;text-wrap:balance}#quoteBox h2{font-size:clamp(1.75em,5vw,3em);font-weight:800}#quoteBox p{font-size:clamp(.75em,2vw,1.2em)}@media (width < 1024px){#quoteBox{margin-block:1em}}#getQuoteBtn{background-color:var(--clr-green-300);border-radius:100%;height:5em;width:auto;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:box-shadow .3s ease}@media (width < 660px){#getQuoteBtn{height:4em;margin-bottom:8px}}#getQuoteBtn img{height:40%;width:auto;display:block;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.dice{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}#getQuoteBtn:hover{box-shadow:0 0 16px var(--clr-green-300)}#getQuoteBtn:active{box-shadow:0 0 48px var(--clr-green-300)}.divider{margin-block:2em}@media (width < 660px){.divider{margin:1em 0 3em}}.divider img{transform:scale(1.5);width:90%}@media (width < 1024px){.divider img{transform:scale(1.5);width:70%}}@media (width < 660px){.divider img{transform:scale(1.5);width:60%}}.langButton-container{position:absolute;object-fit:contain;aspect-ratio:1/1;transform:scale(.8);top:-2em;left:4em}@media (width < 1024px){.langButton-container{transform:scale(.3);top:-5em;left:0}}@media (width > 1024px){.langButton-container{transform-origin:bottom center}.langButton-container:hover{transform:translateY(-70%) scale(.6);transition:all .3s ease-in-out;padding-bottom:1em}}.langButton-container:active{transform:translateY(-70%) scale(.8);transition:all .3s ease-in-out}@media (width < 1024px){.langButton-container:active{transform:scale(.4);transition:all .3s ease-in-out}}#langButton{display:block;font-size:clamp(2em,10vw,5em);background:none;border:none;padding:0;margin:0;text-decoration:none;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}@media (width < 660px){#langButton{scale:1.5}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.attribution{margin-top:8em;text-wrap:balance;text-align:left}.attribution a{text-decoration:none}.attribution a:hover{color:var(--clr-green-300)}