@import url(https://fonts.googleapis.com/css2?family=Aleo:wght@300;400;700&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css);
/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.col-span-2{grid-column:span 2/span 2}.my-10{margin-bottom:2.5rem;margin-top:2.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.ml-3{margin-left:.75rem}.block{display:block}.flex{display:flex}.hidden{display:none}.w-full{width:100%}.transform{-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.content-center{align-content:center}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.border{border-width:1px}.p-5{padding:1.25rem}.p-1{padding:.25rem}.pl-2{padding-left:.5rem}.outline{outline-style:solid}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\:columns-1{-webkit-columns:1;column-count:1}}*,a,h1,h2,h3,h4,h5,h6,li,p,span,ul{font-family:Aleo,serif;outline:none}@-webkit-keyframes neat{0%{background-position:0 0}25%{background-position:50% 0}75%{background-position:100% 0}to{background-position:0 0}}@keyframes neat{0%{background-position:0 0}25%{background-position:50% 0}75%{background-position:100% 0}to{background-position:0 0}}.nav_container{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.menu_active{opacity:1;-webkit-transform:translate(0);transform:translate(0)}:root{--form-control-color:$colorThree;background:#e3e3eb}nav{background-color:transparent!important;margin:auto;width:50%}nav div{align-items:center!important;display:flex!important;flex-direction:row!important;margin:auto!important;width:75%!important}nav div a{border:2px transparent!important;border-style:solid solid none!important;border-top-left-radius:15px!important;border-top-right-radius:15px!important;padding:1rem!important}nav div :after,nav div :focus:active,nav div a .active,nav div a:hover{border:2px #4a8fe7!important;border-style:solid solid none!important}body{background-color:#e3e3eb;padding-top:10px}.App{background-color:#fff;border:2px solid #4a8fe7;border-radius:50px;margin:auto;padding:clamp(2rem,2.5vw,6rem) 15px 10px;width:50%}.App .SizeInputs label{display:flex;flex-direction:column}.App input[type=number],.App select{background-color:#eee;border-color:#4a8fe7;border-radius:5px;font-size:clamp(.9rem,1vw,2rem);font-weight:700;padding:2px}.App .fa-ups,.App i.fa-solid.fa-box-open{-webkit-text-fill-color:transparent;-webkit-animation:neat 8s ease infinite;animation:neat 8s ease infinite;background-size:400% 100%!important;background:-webkit-linear-gradient(0deg,#00f260,#0575e6);-webkit-background-clip:text!important;background-clip:text;font-size:clamp(5rem,2.5vw,8rem);font-style:normal;margin:0 .5rem}.App p{margin:.5rem 0}.App h1{font-size:clamp(2.5rem,2vw,6rem)}.App .SizeInputs,.App .pricing{width:100%}.App .other-options,.App .other-options .test{transition:all .5s ease-in-out}.App .other-options .options div span{margin:5px}.App .results{width:100%}.App .results label{font-weight:700}.App .results .paperprice{margin:0}.App .results .paperprice span{display:block;margin:.5rem 0}.App .Options{padding-left:.3rem}.App .Options label{font-weight:400}.App .Options input{margin-left:.3rem}.App lable{grid-gap:.5em;display:grid;font-family:system-ui,sans-serif;font-size:2rem;font-weight:700;gap:.5em;grid-template-columns:1em auto;line-height:1.1}.App input[type=radio]{-webkit-appearance:none;appearance:none;background-color:var(--form-background);border:.15em solid #4a8fe7;border-radius:50%;border-radius:3px;color:currentColor;cursor:pointer;display:grid;font:inherit;height:1.15em;margin:5px 0 0 5px;place-content:center;-webkit-transform:translateY(-.075em);transform:translateY(-.075em);width:1.15em}.App input[type=radio]:before{border-radius:50%;box-shadow:inset 1em 1em $colorThree;box-shadow:inset 1em 1em var(--form-control-color);color:#4a8fe7;content:"";font-family:Font Awesome\ 5 Free;font-weight:900;-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .12s ease-in-out;transition:transform .12s ease-in-out;transition:transform .12s ease-in-out,-webkit-transform .12s ease-in-out}.App input[type=radio]:checked:before{-webkit-transform:scale(2.5);transform:scale(2.5)}.App input[type=radio]:focus{outline:2px solid currentColor;outline-offset:2px}.box-group span{padding:3px}input[type=number],select{border:1px solid;margin:5px}.btn{background:#73fbd3;border:1px solid #4a8fe7;border-radius:50px;cursor:pointer;font-size:clamp(.9rem,1vw,2rem);font-weight:700;margin:5px;padding:1rem 5rem;text-transform:uppercase;transition:.3s linear}.btn:focus,.btn:hover{background-color:#4a8fe7}.btn span{margin:.25rem}.test{overflow:hidden}.test div,.test div div,.test div div span{height:inherit}.test-enter{height:0;overflow:visible}.test-enter-active,.test-exit{height:100px;-webkit-transition:height .3s ease}.test-exit-active{height:0;overflow:hidden;-webkit-transition:height .3s ease}.slide{overflow:hidden}.slide div,.slide div div,.slide div div span{left:inherit}.slide-enter{left:0;overflow:visible}.slide-enter-active,.slide-exit{left:100vw;-webkit-transition:.3s linear ease}.slide-exit-active{left:0;overflow:hidden;-webkit-transition:.3s linear ease}b.lable{margin-left:.25rem;padding:.1em}.pricing h2{padding:30px 15px;text-align:center;width:30%}.pricing label{align-items:center;flex-wrap:nowrap;justify-content:center;margin:10px}.pricing label input{margin-left:5px}.best-fit,.options{margin:1rem .25rem;padding:5px}.best-fit h2,.options h2{font-size:clamp(.9rem,1vw,2rem);font-weight:700;width:100%}.best-fit .fa-box-open,.options .fa-box-open{color:#4a8fe7;font-size:clamp(2.5rem,2vw,6rem)}.option:nth-child(odd){background:#e3e3eb}.CustomColor{fill:#000!important;color:#000}.toggle{display:none!important;height:100vh;top:0}nav ul,nav>div{flex-direction:column}nav ul{display:flex}@media screen and (max-width:1200px){.App{width:80%}}@media screen and (max-width:768px){.pricing{align-items:center}.SizeInputs,.pricing,.pricing div{flex-direction:column}}
/*# sourceMappingURL=main.a67ad1de.css.map*/