@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap);:root{--green:#3c9dbc;--blue:#4d5692;--black:#272727;--yellow:#facc58;--font:"Montserrat",Arial,sans-serif}*{box-sizing:border-box}body,html{background-image:linear-gradient(0deg,#3c9ebb 0,#4d5491);background-repeat:no-repeat;background-size:cover;font-family:Montserrat,Arial,sans-serif;font-family:var(--font);letter-spacing:1px;line-height:1.5;margin:0 auto;max-width:100%;overflow-x:hidden;padding:0;position:relative}.App{height:100vh;text-align:center}.logoBox>img{height:auto;width:50vw}footer>p{color:#fff;font-size:.8rem;font-weight:500;padding-bottom:1rem}footer{margin:1rem}footer>p>a{color:#00008b;font-weight:600;text-decoration:none}.changeBox{background:rgba(0,0,0,.25);border-radius:0 0 9px 9px;padding:1rem 2rem}.changeBox,.titleBox{height:auto;margin:0 auto;max-width:1000px;min-width:300px;width:50vw}.ConverterBox>.titleBox>h2>.fa-rotate{margin-right:.5rem}.titleBox{display:flex;justify-content:space-between}.ConverterBox>.titleBox h2:first-of-type{background:rgba(0,0,0,.25);border-radius:9px 0 0 0;color:#fff}.ConverterBox>.titleBox>h2{align-items:center;cursor:pointer;display:flex;font-weight:600;height:8vh;justify-content:center;margin:0;width:25vw}.ConverterBox>.titleBox h2:last-of-type>a{color:var(--blue);text-decoration:none}.ConverterBox>.titleBox h2:last-of-type{background:#272727;border-radius:0 9px 0 0}.selectGroup{background:#272727;border-radius:9px;-webkit-filter:drop-shadow(0 12px 17px rgba(0,0,0,.25));filter:drop-shadow(0 12px 17px rgba(0,0,0,.25));height:8vh;justify-content:space-between;margin:2rem auto;padding:1rem 2rem;position:relative}.selectGroup,.selected-option{align-items:center;display:flex}.selected-option{color:#fff;cursor:pointer;font-weight:600;gap:1rem}.selected-option>img{height:auto;width:3vw}li>img{height:auto;margin-right:.5rem;width:2vw}.listBox{height:70px;left:100px;overflow:scroll;position:absolute;top:0;z-index:3}ul{list-style:none;margin-top:0}ul li{color:#fff;font-weight:600;gap:1rem}.money{background-color:initial;border:none;color:#fff;font-size:1.2rem;text-align:end;width:10vw}@media (max-width:850px){.changeBox,.logoBox>img,.titleBox{width:80vw}.ConverterBox>.titleBox>h2{width:60vw}.money{width:18vw}.selected-option>img{width:5vw}}@media (max-width:700px){.titleBox>h2{font-size:1.1rem}li>img{width:3vw}}@media (max-width:500px){.selectGroup{padding:.5rem 1rem}ul{padding-left:0}.listBox{left:90px}}@media (max-width:420px){.selected-option{gap:.5rem}.changeBox{padding:1rem}.listBox{left:201px;top:4px}.selectGroup{flex-direction:column;gap:.5rem;height:9vh}.money{text-align:center;width:31vw}}.AverageBox>.titleBox h2:last-of-type{background:rgba(0,0,0,.25);border-radius:0 9px 0 0;color:#fff}.AverageBox>.titleBox>h2{align-items:center;cursor:pointer;display:flex;font-weight:600;height:8vh;justify-content:center;margin:0;width:25vw}.AverageBox>.titleBox h2:first-of-type>a{color:var(--blue);text-decoration:none}.AverageBox>.titleBox h2:first-of-type{background:#272727;border-radius:9px 0 0 0}.AverageBox>.titleBox>h2>.fa-coins{margin-right:.5rem}h3{color:#fff;font-weight:600}.costInputBox{color:#fff;display:flex;gap:1rem;justify-content:center}.costInput{background:#272727;border-radius:9px;box-shadow:0 7px 8px rgba(0,0,0,.25);color:#fff;height:5vh;margin:.5rem .25rem;width:20vw}.costBtn{background:#fff;border-radius:9px}.moreBtn{padding:.25rem 1rem}.showRateBox{align-items:center;background:#272727;border-radius:9px;box-shadow:0 7px 8px rgba(0,0,0,.25);display:flex;height:6vh;justify-content:center;margin:0 auto;width:20vw}@media (max-width:1200px){.costInput{width:16vw}}@media (max-width:850px){.AverageBox>.titleBox>h2{width:60vw}.costInput,.showRateBox{width:28vw}}@media (max-width:500px){.costInput{width:25vw}.showRateBox{width:45vw}}
/*# sourceMappingURL=main.e7865903.css.map*/