body{font-family:Inter,sans-serif;margin:0}.wrapper{margin:0 5%;max-width:1024px}.App{background-image:url(/static/media/background.91f0f03c2ff2aa463aeb.png);background-position:50%;background-size:cover;min-height:100%;min-width:100%;position:fixed;text-align:center}:root{--text:#fff;--primary:#222122;--primary-hover:#5c6b73;--secondary:#3a3a3a;--text-size:20px}.input-wrapper{background-color:#3a3a3a;background-color:var(--secondary);border-radius:16px;color:#fff;color:var(--text);display:flex;font-family:Roboto,sans-serif;font-size:20px;font-size:var(--text-size);gap:16px;padding:40px}.distance,.time,.title{align-items:center;background-color:#222122;background-color:var(--primary);border-radius:8px;display:flex;height:72px;margin-bottom:16px;width:440}.distance{justify-content:space-between;padding:0 10px}.time{justify-content:space-evenly}.button_wrapper{display:flex;gap:21px}.reset{color:#5c6b73;height:72px;width:171px}.result{align-items:center;background-color:#222122;background-color:var(--primary);border-radius:8px;height:250px;justify-content:center;width:340px}.result .value{font-family:Viga,sans-serif;font-size:120px}.result .measurement,.result .value{align-items:center;display:flex;justify-content:center}.title{font-size:50px}.hours,.minutes,.seconds{margin:1em}.distance input{left:0;padding-left:2rem;text-align:left;width:80%}input{background-color:#222122;background-color:var(--primary);border:none;box-sizing:border-box;color:#fff;color:var(--text);font-size:large;font-size:20px;font-size:var(--text-size);text-align:center;width:100%}input::-webkit-input-placeholder{color:#fff;color:var(--text)}input::placeholder{color:#fff;color:var(--text)}.data-wrapper,.result{display:flex;flex-direction:column;width:100%}@media screen and (max-width:600px){.input-wrapper{display:flex;flex-direction:column}..button_wrapper,.distance,.time{width:100%}.distance input{width:60%}.result{display:flex;flex-direction:column;width:100%}.result .value{font-size:70px}}.button-wrapper{align-items:center;background-color:var(--primary);border-radius:16px;color:var(--text);cursor:pointer;display:flex;flex:1 1;font-family:Viga,sans-serif;font-size:18px;height:72px;justify-content:center}.button-wrapper:hover{size:1.2;background-color:var(--primary-hover)}header{background:url(/static/media/background.91f0f03c2ff2aa463aeb.png);background-position:50%;background-size:auto;min-height:100vh}header .wrapper{color:#fff}.earth_img{bottom:0;image-orientation:45deg;position:absolute;right:0;width:600px}header .title-secondary{font-family:Roboto,sans-serif;font-size:25px}header .title-main{font-family:Viga,sans-serif;font-size:120px}header .description{font-style:italic;max-width:50%;padding:0}header .description,header .list-wrapper{font-family:Roboto,sans-serif;font-size:20px}header .cta{bottom:20%;left:0;line-height:1;position:absolute}.content-wrapper{display:flex;flex-direction:column;padding-top:3rem}@media screen and (max-width:600px){header .title-main{font-size:80px}.earth_img{display:none}}@media screen and (max-width:1300px){.earth_img{width:300px}}nav{align-items:center;display:flex;justify-content:space-between;position:relative;top:24px;width:90vw;z-index:300}nav a{color:#fff}a{text-decoration:none}nav ul{display:flex;gap:50px;list-style:none;padding:0}nav ul li a{color:#fff;font-size:20px;font-weight:800}
/*# sourceMappingURL=main.4fff1d07.css.map*/