@import url(https://fonts.googleapis.com/css2?family=Unica+One&display=swap);html{background-color:#252422;background-color:var(--col-black)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:auto;max-width:1000px}*,body{font-family:Unica One,sans-serif;font-weight:400}*{box-sizing:border-box}:root{--col-white:#fffcf2;--col-black:#252422;--col-gray:#403d39;--col-lt-gray:#ccc5b9;--col-orange:#eb5e28}.header{align-items:center;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin-bottom:50px}@media screen and (max-width:750px){.header{flex-direction:column;gap:30px}}.body{background-color:#252422;background-color:var(--col-black);min-height:100vh;padding:50px 100px}@media screen and (max-width:750px){.body{padding:40px 50px}}@media screen and (max-width:530px){.body{padding:40px 20px}}.wiy{color:#ccc5b9;color:var(--col-lt-gray);font-size:30px;margin:0}.cost{color:#eb5e28;color:var(--col-orange);font-size:100px;line-height:.7;margin:0}.subtitle{color:#ccc5b9;color:var(--col-lt-gray);font-size:20px;margin:0}.light{color:#fffcf2;color:var(--col-white)}.orange{color:#eb5e28;color:var(--col-orange)}.input{background-color:initial;border:3px solid #ccc5b9;border:3px solid var(--col-lt-gray);color:#ccc5b9;color:var(--col-lt-gray);font-size:20px;padding:10px 20px;text-align:center}.input:focus{outline:none}.inputRow{display:flex;flex-direction:row;gap:10px;justify-content:space-evenly;margin:auto;max-width:600px;width:100%}@media screen and (max-width:530px){.inputRow{flex-direction:column;gap:20px}.inputRow *{width:100%}}.result{align-items:center;color:#403d39;color:var(--col-gray);display:flex;flex-direction:row;font-size:40px;gap:20px;justify-content:center;margin:20px 0 100px;text-align:center;transition:color .1s}.result .altered{color:#eb5e28;color:var(--col-orange)}.result h1{line-height:.7;margin:0}@media screen and (max-width:800px){.result{flex-direction:column}}.notes{margin-bottom:100px;position:relative}@media screen and (max-width:530px){.notes{margin-bottom:120px}}.notes .note{color:#ccc5b9;color:var(--col-lt-gray);font-size:20px;margin:0}.notes .title{color:#fffcf2;color:var(--col-white);font-size:80px;font-weight:900;opacity:.6;pointer-events:none;position:absolute;top:0;-webkit-transform:translateY(calc(-100% - clamp(0px, calc(var(--scroll) * .3px), 60px)));transform:translateY(calc(-100% - clamp(0px, calc(var(--scroll) * .3px), 60px)));transition:opacity .1s}@media screen and (max-width:900px){.notes .title{font-size:60px;-webkit-transform:translateY(calc(-100% - clamp(0px, calc(var(--scroll) * .3px), 45px)));transform:translateY(calc(-100% - clamp(0px, calc(var(--scroll) * .3px), 45px)))}}@media screen and (max-width:630px){.notes .title{font-size:50px;-webkit-transform:translateY(calc(-100% - clamp(0px, calc(var(--scroll) * .3px), 35px)));transform:translateY(calc(-100% - clamp(0px, calc(var(--scroll) * .3px), 35px)))}}.notes:hover .title{opacity:.3}.soh{display:none}.soh:hover{display:inline;display:initial}.link{color:#eb5e28;color:var(--col-orange);position:relative;text-decoration:none}.link:after{background-color:#eb5e28;background-color:var(--col-orange);bottom:8px;content:"";height:8px;left:0;opacity:.1;position:absolute;right:0;transition:.4s;width:100%}.link:hover:after{bottom:6px;height:12px;opacity:.8}
/*# sourceMappingURL=main.3a0b13e6.css.map*/