@import url(https://fonts.googleapis.com/css?family=DM+Sans);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:#fcec03;display:flex;flex-direction:column;font-family:DM Sans;min-height:100vh;text-align:center}.App .title{background:#072ff7;color:#fcec03;font-family:Chunko;font-size:40px;margin-bottom:15px;min-width:100vw;padding-top:10px;text-transform:uppercase}.App .title h1{font-weight:400;margin:5px}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@font-face{font-family:Chunko;font-style:normal;font-weight:400;src:url(/static/media/Chunko_Bold_Demo.c21ad46496913e4d2581.otf) format("opentype")}@font-face{font-family:Wister;font-style:normal;font-weight:400;src:url(/static/media/wister.demo.71edfe43ceffbd26bde8.otf) format("opentype")}form{align-items:center;border:8px solid #072ff7;border-radius:25px;color:#072ff7;display:flex;flex-direction:column;font-weight:700;max-width:480px;min-height:70vh;min-width:250px}form .room{border:1.5px solid #072ff7;margin-top:10px}@media screen and (max-width:930px){form .room{width:73vw}form form{padding-left:15px;padding-right:15px;width:80vw}}@media screen and (min-width:930px){form .room{max-width:440px;width:35vw}}form .rent{align-self:flex-start;margin-top:.5rem;padding:0;width:100%}form .rent label{margin:1rem}form fieldset{border:none;display:flex;flex-direction:column}form fieldset .MuiFormControl-root{margin-bottom:20px}form fieldset label{font-size:24px;margin:2px 25px 2px 2px;text-align:left}@media screen and (max-width:930px){form fieldset label{font-size:20px}}form fieldset #closeButton{position:relative;right:-7px}form fieldset input[type=number],form fieldset input[type=text]{background:transparent;border:none;border-bottom:2px solid #072ff7;float:right;font-size:20px}@media screen and (max-width:930px){form fieldset input[type=number],form fieldset input[type=text]{width:40vw}}form fieldset button{background:none;border:none;color:inherit;float:right;font:inherit;outline:inherit;padding:0;width:1rem}form fieldset .room-type{font-size:16px;text-transform:lowercase}@media screen and (max-width:930px){form fieldset .room-type{font-size:14px;text-transform:lowercase}}form .space{font-size:22px;text-align:left}form #spaceSetting{display:grid;grid-template-columns:auto auto}form .add-button{display:flex;justify-content:space-between;width:100%}form .add-button button{margin-right:1rem}form .add-button button:hover{background:#072ff7;color:#fcec03}form .add-button div{align-self:center;font-size:13px;margin-left:1em}form .room-title{font-size:18px;margin-left:2rem;margin-top:0}form button{background:transparent;border:2px solid #072ff7;border-radius:5px;color:#072ff7;cursor:pointer;font-family:DM Sans;margin-right:3px}form p{color:blue;font-size:20px;margin:2rem 0 0 1rem;max-width:400px;text-align:left;width:100%}@media screen and (max-width:930px){form{flex-direction:column;max-width:100%;row-gap:0}}@media screen and (min-width:930px){form{width:40vw}}.results{align-items:center;background:#072ff7;border:8px solid #072ff7;border-radius:25px;color:#fcec03;display:flex;flex-direction:column;font-weight:700;max-height:700px;min-width:250px;width:83vw}.results .border-yellow{border:8px solid #fcec03;border-radius:25px;text-align:left;width:97%}.results .border-yellow .calculator{display:flex;flex-direction:column;row-gap:16px}.results .border-yellow .calculator .four-buttons,.results .border-yellow .calculator .second-buttons{display:flex;justify-content:space-evenly}.results .border-yellow .calculator .four-buttons div,.results .border-yellow .calculator .second-buttons div{border-color:#fcec03;border-radius:5px;border-style:solid;border-width:1px 3px 3px 1px;height:23px;width:56px}.results .border-yellow .calculator .four-buttons div:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.results .border-yellow .calculator .four-buttons:last-of-type{margin-bottom:2rem}@media screen and (max-width:930px){.results .border-yellow .calculator .four-buttons:nth-last-child(n+3){display:none}}.results .border-yellow .calculator .second-buttons{row-gap:20px}.results .border-yellow .calculator .second-buttons .calc-row-buttons{border:none;display:flex;flex-direction:column-reverse;gap:20px;height:10vh}.results .border-yellow .calculator .second-buttons .calculator-pad{align-items:center;border:none!important;display:inline-flex;display:flex;flex-direction:column;gap:.5rem;width:100%}.results .border-yellow .calculator .second-buttons .calculator-pad .arrow-key{align-items:center;background:linear-gradient(180deg,#072ff7,#072ff7);border:2px solid #fcec03;border-radius:9px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.12),0 4px 0 rgba(0,0,0,.08);color:#fcec03;cursor:pointer;display:inline-flex;font-size:1.25rem;font-weight:700;height:2rem;justify-content:center;transition:background .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,background .15s ease;transition:transform .15s ease,background .15s ease,-webkit-transform .15s ease;width:3rem}.results .border-yellow .calculator .second-buttons .calculator-pad .arrow-key:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.results .border-yellow .calculator .second-buttons .calculator-pad .arrow-key:active{box-shadow:inset 0 2px 0 rgba(0,0,0,.12),0 1px 0 rgba(0,0,0,.08);-webkit-transform:translateY(1px);transform:translateY(1px)}.results .border-yellow .calculator .second-buttons .calculator-pad .pad-row{border:none!important;display:flex;gap:.5rem}.results .border-yellow .calculator .second-buttons .calculator-pad .pad-row:nth-child(odd){justify-content:center}.results .border-yellow .calculator .second-buttons .calculator-pad .pad-row:nth-child(2n){gap:2.5rem;justify-content:center}.results .border-yellow .css-typing{border:2px solid;font-family:Calculator;margin:.7rem .7rem 2rem;padding:10px 10px 50px}.results .border-yellow .css-typing h2{border-right:.15em solid #fcec03;font-family:Calculator;font-size:22px;overflow:hidden;white-space:nowrap}.results .border-yellow .css-typing h2:first-child{-webkit-animation:type 2s steps(40);animation:type 2s steps(40);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;width:25em}.results .border-yellow .css-typing h2:nth-child(2){-webkit-animation:type2 2s steps(40);animation:type2 2s steps(40);-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;width:16em}.results .border-yellow .css-typing h2:nth-child(3){-webkit-animation:type3 1s steps(40);animation:type3 1.5s steps(40);-webkit-animation-delay:4.5s;animation-delay:4.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;width:14em}.results .border-yellow .css-typing .share{-webkit-animation:type5 2s steps(20),blink .5s step-end infinite alternate;animation:type5 2s steps(20),blink .5s step-end infinite alternate;-webkit-animation-delay:12.5s;animation-delay:6.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;overflow-wrap:break-word;white-space:normal;width:23em}@media screen and (max-width:930px){.results .border-yellow .css-typing h2{font-size:19px}}@media screen and (min-width:930px){.results .border-yellow{height:78vh}.results{margin-left:4vw;width:40vw}}section{display:flex;margin-top:20px}@media screen and (max-width:930px){section{align-items:center;flex-direction:column;row-gap:3rem;width:100%}form{padding-left:15px;padding-right:15px;width:80vw}}.submit{background:#072ff7;border:3px solid #072ff7;border-radius:5px;box-sizing:border-box;color:#fcec03;cursor:pointer;font-family:DM Sans;font-size:24px;margin:10px 3px 10px 10px}.submit:hover{background:transparent;color:#072ff7}@-webkit-keyframes typing{0%{width:0}to{width:100%}}@keyframes typing{0%{width:0}to{width:100%}}@-webkit-keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fcec03}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:#fcec03}}@keyframes type{0%{width:0}99.9%{border-right:.15em solid #fcec03}to{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid #fcec03}to{border:none}}@keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fcec03}to{border:none;opacity:1}}@-webkit-keyframes type2{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fcec03}to{border:none;opacity:1}}@keyframes type3{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fcec03}to{border:none;opacity:1}}@-webkit-keyframes type3{0%{width:0}1%{opacity:1}99.9%{border-right:.15em solid #fcec03}to{border:none;opacity:1}}@keyframes type5{0%{width:0}1%{opacity:1}to{opacity:1}}@-webkit-keyframes type5{0%{width:0}1%{opacity:1}to{opacity:1}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}@font-face{font-family:Calculator;font-style:normal;font-weight:400;src:url(/static/media/calculator.93911ab167c943140756.ttf) format("opentype")}
/*# sourceMappingURL=main.427f7bfa.css.map*/