html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:after,*:before{box-sizing:border-box}body{color:#c3f7ff;background-color:#1d4f57}.texture{display:flex;flex-direction:column;flex-wrap:nowrap;min-height:100vh;background-color:#1d4f57;background-image:url("../assets/images/white-wall-3-2.png");padding-top:1.25rem;padding-bottom:2.5rem}@media screen and (min-width: 48rem){.texture{padding-top:2.5rem}}.container{max-width:56.25rem;margin-left:auto;margin-right:auto}.top-section{position:relative}.top-section p{text-align:center}.top-section button{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem}@media screen and (min-width: 48rem){.top-section{text-align:left}}.intro,.range-and-copy-button{display:flex;flex-direction:column;position:relative}@media screen and (min-width: 48rem){.intro,.range-and-copy-button{flex-direction:row;justify-content:space-around;margin-bottom:2.5rem}}.intro__lines{margin-bottom:1.25rem}@media screen and (min-width: 48rem){.intro__lines{margin-bottom:0}}.intro__generate{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:15.625rem;margin-bottom:1.25rem}@media screen and (min-width: 48rem){.intro__generate{margin-bottom:0;margin-left:1.25rem}}.range-and-copy-button{text-align:center;margin-bottom:2.5rem}@media screen and (min-width: 48rem){.range-and-copy-button{text-align:left}}.celtic-knot{height:3.4375rem;background-image:url("../assets/images/noun-wave-2844840.svg");background-repeat:repeat-x;background-size:5.625rem;background-position:center -0.3rem;opacity:1}.celtic-knot.celtic-knot--last{transition:.3s ease all}footer{display:block;width:100%;justify-self:flex-end;margin-top:auto}footer>*+*{margin-top:3rem}footer .footer-links{display:flex;flex-direction:column;text-align:center}footer .footer-links>:last-child{margin-top:1rem}footer .footer-links small{margin:.175rem 0}@media screen and (min-width: 48rem){footer .footer-links{flex-direction:row;justify-content:space-between}footer .footer-links>:last-child{margin-top:0}}footer .attributions[open] summary:before{transform:rotate(0deg);transition:.3s ease-in-out transform}footer .attributions summary{position:relative;list-style:none;padding-left:1.75rem}footer .attributions summary:before{content:"";position:absolute;top:.2rem;left:0;display:block;width:1.3rem;height:1.3rem;background-image:url("../assets/images/noun-celtic-knot-684395.svg");background-size:1.3rem;background-repeat:no-repeat;background-position:center .3rem;transform:rotate(-90deg);transition:.2s ease-in-out transform;filter:invert(1)}footer .attributions summary::marker,footer .attributions summary::-webkit-details-marker{opacity:0;display:none}footer .attributions summary:hover{cursor:pointer}footer .attributions summary:focus-visible{outline:.1875rem solid #c3f7ff;outline-offset:.1875rem}footer .attributions>small{display:block}footer .attributions>small+small{margin-top:.2rem}footer .carbonbadge{filter:grayscale(1)}footer .carbonbadge *{font-weight:initial}@font-face{font-family:"Pfeffer Simpelgotisch";src:url("../assets/fonts/PfefferSimpelgotisch_normal.otf") format("opentype");font-weight:400}@font-face{font-family:"Pfeffer Simpelgotisch Halbfett";src:url("../assets/fonts/PfefferSimpelgotisch_halbfett.otf") format("opentype");font-weight:600}@font-face{font-family:"Pfeffer Simpelgotisch Fett";src:url("../assets/fonts/PfefferSimpelgotisch_fett.otf") format("opentype");font-weight:700}::-moz-selection{background:#dcb058;color:#282828}::selection{background:#dcb058;color:#282828}body{font-family:"Pfeffer Simpelgotisch",Times New Roman,serif;font-size:1.1rem;line-height:1.5rem;letter-spacing:.02ch}@media screen and (min-width: 48rem){body{font-size:1.2rem;line-height:1.75rem}}h1,h2,h3,h4,h5,h6{font-family:"Pfeffer Simpelgotisch Fett",Times New Roman,serif}h1{font-size:3rem;line-height:4rem;margin-bottom:1.25rem}@media screen and (min-width: 48rem){h1{font-size:4rem;line-height:4.5rem}}h2{font-size:2rem;line-height:2.5rem;margin-bottom:1.25rem}@media screen and (min-width: 48rem){h2{font-size:3rem;line-height:3.5rem}}h3{font-size:1.3rem;line-height:1.8rem;margin-bottom:1.25rem}@media screen and (min-width: 48rem){h3{font-size:1.6rem;line-height:2rem}}h4,h5,h6{font-family:"Pfeffer Simpelgotisch",Times New Roman,serif;font-size:1.1rem;line-height:1.5rem;letter-spacing:.02ch;margin-bottom:1.25rem}@media screen and (min-width: 48rem){h4,h5,h6{font-size:1.2rem;line-height:1.75rem}}p{font-family:"Pfeffer Simpelgotisch",Times New Roman,serif;font-size:1.1rem;line-height:1.5rem;letter-spacing:.02ch;margin-bottom:1.25rem}@media screen and (min-width: 48rem){p{font-size:1.2rem;line-height:1.75rem}}a{color:#9ee0ff;transition:.3s ease all;text-decoration:underline;text-underline-offset:.3em;text-decoration-thickness:.1em}a:focus,a:hover{color:#c3f7ff;text-decoration-style:wavy}a:focus{outline:.1875rem solid #c3f7ff;outline-offset:.1875rem}.lede,.tip{font-family:"Pfeffer Simpelgotisch Halbfett",Times New Roman,serif}.tip{display:block;font-size:1rem;line-height:1.5rem;color:#c3f7ff;margin-bottom:0}@media screen and (min-width: 48rem){.tip{font-size:1.1rem;line-height:1.6rem}}small,.small{font-size:.85rem;line-height:1.3rem}@media screen and (min-width: 48rem){small,.small{font-size:.95rem;line-height:1.5rem}}.main-title{text-align:center}.text--lighter{color:#c3f7ff}.text--accent{color:#eed8ac}.text--gradient{background:#040a0b;background:linear-gradient(90deg, #52c8ff 0%, #c3f7ff 50%, #52c8ff 100%);color:#d8d8d8;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.kalevala--container{transition:1s ease all}.kalevala{font-feature-settings:"liga"}.kalevala p:first-of-type:first-letter{font-family:"Pfeffer Simpelgotisch Fett",Times New Roman,serif;font-feature-settings:normal;color:#9ee0ff;float:left;font-size:5rem;line-height:4rem;padding-top:.25rem;padding-right:.5rem;padding-left:.1875rem;font-weight:normal;margin-bottom:1.25rem}@media screen and (min-width: 48rem){.kalevala p:first-of-type:first-letter{font-size:6.25rem;line-height:5rem}}.kalevala p:first-of-type:first-letter ::-moz-selection{background:#dcb058;color:#282828}.kalevala p:first-of-type:first-letter ::selection{background:#dcb058;color:#282828}.kalevala p:last-of-type{margin-bottom:2.5rem}@media screen and (min-width: 48rem){.kalevala p:last-of-type{margin-bottom:3.75rem}}input[type=submit],button,.btn{-webkit-appearance:none;font-family:"Pfeffer Simpelgotisch",Times New Roman,serif;font-size:1.1rem;line-height:1.5rem;letter-spacing:.02ch;font-family:"Pfeffer Simpelgotisch Fett",Times New Roman,serif;min-width:9.375rem;padding:.1rem 2.5rem;background-color:#dcb058;color:#282828;-webkit-text-fill-color:#282828;border:.1875rem solid #bf8d28;outline:.125rem solid #dcb058;position:relative;transition:.3s ease all;letter-spacing:.1ch;-webkit-tap-highlight-color:rgba(220,176,88,.5)}@media screen and (min-width: 48rem){input[type=submit],button,.btn{font-size:1.2rem;line-height:1.75rem}}input[type=submit]:before,input[type=submit]:after,button:before,button:after,.btn:before,.btn:after{content:"";position:absolute;top:0;height:1.6rem;width:1.6rem;opacity:0;transition:.3s ease all;background-image:url("../assets/images/noun_Knot_676661.svg");background-size:1.5rem;background-position:center .125rem;background-repeat:no-repeat;mix-blend-mode:soft-light}@media screen and (min-width: 48rem){input[type=submit]:before,input[type=submit]:after,button:before,button:after,.btn:before,.btn:after{height:1.7rem;width:1.7rem;background-size:1.55rem;background-position:center .1875rem}}input[type=submit]:before,button:before,.btn:before{left:.3rem}input[type=submit]:after,button:after,.btn:after{right:.3em}input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover,button:active,button:focus,button:hover,.btn:active,.btn:focus,.btn:hover{cursor:pointer;color:#282828;-webkit-text-fill-color:#282828;border-color:#956e1f;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:.1em}input[type=submit]:active:before,input[type=submit]:active:after,input[type=submit]:focus:before,input[type=submit]:focus:after,input[type=submit]:hover:before,input[type=submit]:hover:after,button:active:before,button:active:after,button:focus:before,button:focus:after,button:hover:before,button:hover:after,.btn:active:before,.btn:active:after,.btn:focus:before,.btn:focus:after,.btn:hover:before,.btn:hover:after{opacity:.7}input[type=submit]:focus,button:focus,.btn:focus{outline:.5625rem double #dcb058}.tooltip{position:relative;display:inline-block}.tooltip .tooltip__text{font-family:"Pfeffer Simpelgotisch",Times New Roman,serif;width:9.375rem;background-color:rgba(40,40,40,.8);color:#52c8ff;-webkit-text-fill-color:#52c8ff;text-align:center;border-radius:.375rem;padding:.3125rem;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-4.6875rem;transition:opacity .3s}.tooltip .tooltip__text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-0.3125rem;border-width:.3125rem;border-style:solid;border-color:rgba(40,40,40,.8) transparent transparent transparent}form{position:relative;max-width:15rem;margin:0 auto 1.25rem}@media screen and (min-width: 48rem){form{max-width:none}}input,label{-webkit-tap-highlight-color:rgba(220,176,88,.5)}input:hover,label:hover{cursor:pointer}input[type=checkbox]{opacity:0;display:block;height:0;width:0;position:absolute;top:0;right:0}input[type=checkbox]+label{position:relative;display:block;text-align:center;line-height:1.5rem;margin-left:1rem;padding-left:2.5rem}input[type=checkbox]+label:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:1.5rem;width:1.5rem;font-size:1rem;line-height:1rem;text-align:left;padding-top:.0625rem;padding-left:.0625rem;border:.1875rem solid #9ee0ff;color:#9ee0ff;outline:0;transition:.3s ease all}input[type=checkbox]:focus+label:before{outline:.1875rem solid #9ee0ff;outline-offset:.1875rem}input[type=checkbox]:checked+label:after{content:"";position:absolute;top:1.1rem;left:.575rem;display:block;width:.4rem;height:.7rem;border-radius:0;border-right:.2rem solid #9ee0ff;border-bottom:.2rem solid #9ee0ff;transform:rotate(45deg)}input[type=range]::-moz-focus-outer{border:0}.line-range{-webkit-appearance:none;width:250px;height:25px;background:#bfbfbf;outline:none}.line-range:focus::-webkit-slider-thumb,.line-range:focus::-moz-range-thumb{outline:.125rem dashed #dcb058;outline-offset:.125rem}.line-range::-webkit-slider-thumb{appearance:none;width:50px;height:50px;background:#0d328a;border-radius:50%;cursor:grabbing;z-index:2;background-image:url("../assets/images/noun_Round_Shield_966697_white.webp");background-repeat:no-repeat;background-size:105px;border-radius:50%;-webkit-appearance:none;background-position:center 34%}.line-range::-moz-range-thumb{appearance:none;width:50px;height:50px;background:#0d328a;border-radius:50%;cursor:grabbing;z-index:2;background-image:url("../assets/images/noun_Round_Shield_966697_white.webp");background-repeat:no-repeat;background-size:105px;border-radius:50%;background-position:center 36%;border:1px solid #282828}.sword--container{text-align:center}.sword--container span.lines{display:block}.sword{height:50px;width:280px;display:inline-block;position:relative;filter:drop-shadow(2px 3px 3px rgba(40, 40, 40, 0.8))}@media screen and (min-width: 36rem){.sword{width:400px}}.sword .blade,.sword .guard,.sword .grip,.sword .pommel{margin:auto;position:absolute;top:50%;transform:translateY(-50%)}.sword .guard,.sword .pommel{background-color:#bfbfbf;background:linear-gradient(135deg, #959595 0%, #bfbfbf 100%)}.sword .blade{right:0;height:40%;width:80%;background-color:#cfcfcf;background:linear-gradient(135deg, #cfcfcf 0%, #d8d8d8 100%);border-bottom-right-radius:50%;border-top-right-radius:50%;box-shadow:0rem -5px 0 0 rgba(110,110,110,.2) inset}.sword .guard{left:18%;width:2.5%;height:100%;border-radius:25%;z-index:2}.sword .grip{left:2%;height:30%;width:18%;border-top-right-radius:0%;border-top-left-radius:40%;border-bottom-right-radius:0%;border-bottom-left-radius:40%;background-color:#402d0f;background:linear-gradient(180deg, #402d0f 0%, #624207 100%)}.sword .pommel{left:0;height:50%;width:4%;border-top-left-radius:100%;border-top-right-radius:5px;border-bottom-left-radius:100%;border-bottom-right-radius:5px}.margin--flex{margin-bottom:2rem}@media screen and (min-width: 48rem){.margin--flex{margin-bottom:4rem}}.margin--flex--small{margin-bottom:1rem}@media screen and (min-width: 48rem){.margin--flex--small{margin-bottom:2rem}}.viewport-padding{padding-left:1.5rem;padding-right:1.5rem}.transparent{opacity:0;visibility:hidden}.collapsed{height:0}.hidden{display:none}/*# sourceMappingURL=main.css.map */