.fas[data-v-c76fc186]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.search-bar[data-v-c76fc186]{--size:60px;border:2px solid #212121;display:flex;border-radius:50px;height:var(--size);width:var(--size);padding:3px;position:relative;transition:.3s cubic-bezier(.18,.79,.2,1.14);overflow:hidden;margin:30px auto}.search-bar__input[data-v-c76fc186]{color:#fefefe;flex-grow:1;font-size:1.5rem;padding:0 .5em;border:0;opacity:0;position:absolute;top:0;bottom:0;left:0;line-height:calc(var(--size) - 3px);cursor:pointer}.search-bar__input[data-v-c76fc186]::-webkit-input-placeholder{color:#34495e}.search-bar__input[data-v-c76fc186]::-moz-placeholder{color:#34495e}.search-bar__input[data-v-c76fc186]:-ms-input-placeholder{color:#34495e}.search-bar__input[data-v-c76fc186]::-ms-input-placeholder{color:#34495e}.search-bar__input[data-v-c76fc186]::placeholder{color:#34495e}.search-bar__input[data-v-c76fc186]:focus{outline:0}.search-bar__submit[data-v-c76fc186]{font-size:1.5rem;cursor:pointer;border:0;background:transparent;border-radius:50%;width:calc(var(--size) - 10px);height:calc(var(--size) - 10px);margin-left:auto;transition:background .15s ease-in-out;color:#fefefe}.search-bar[data-v-c76fc186]:focus-within{width:50vmax;border:2px solid #fff}.search-bar:focus-within .search-bar__input[data-v-c76fc186]{opacity:1;cursor:auto;background:transparent;width:calc(100% - var(--size))}.search-bar:focus-within .search-bar__submit[data-v-c76fc186]{color:#212121}.search-bar:focus-within .search-bar__submit[data-v-c76fc186]:focus,.search-bar:focus-within .search-bar__submit[data-v-c76fc186]:hover{outline:0;box-shadow:0 0 10px rgba(0,0,0,.35)}main[data-v-c76fc186]{background-image:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.75));height:100vh;padding:20px}.title[data-v-c76fc186]{position:fixed;top:55%;left:50%;transform:translate(-50%,-55%);color:#fefefe;text-shadow:3px 10px 10px rgba(0,0,0,.25);font-size:5rem;font-family:Montserrat,sans-serif;padding:20px 0}.container[data-v-c76fc186]{display:flex;justify-content:center;flex-direction:column;align-items:center;text-align:center}.feels[data-v-c76fc186],.time[data-v-c76fc186]{text-align:center;padding:10px 0;font-family:Montserrat,sans-serif}.location[data-v-c76fc186]{color:#fefefe;font-size:32px;font-weight:500;text-align:center;text-shadow:3px 10px 10px rgba(0,0,0,.25);padding:20px}.locDate .date[data-v-c76fc186]{color:#fefefe;font-size:20px;font-weight:300;text-align:center;font-style:oblique;padding-bottom:20px}.temp[data-v-c76fc186]{display:flex;justify-content:center;padding:10px 25px;color:#fefefe;font-size:102px;font-weight:900;text-shadow:3px 10px 10px rgba(0,0,0,.25)}.dataWrap[data-v-c76fc186]{display:flex;justify-content:center;flex-direction:column;align-items:center;width:100%}.dataWrap .currentWeather[data-v-c76fc186]{color:#fefefe;font-size:38px;font-weight:700;font-style:italic;text-shadow:3px 10px 10px rgba(0,0,0,.25)}.icon[data-v-c76fc186]{width:65px;height:65px}.currentWrapper[data-v-c76fc186]{background:none;border-radius:8px;margin:0;padding:10px 80px;color:#fefefe}.forecastWrap[data-v-c76fc186]{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;padding:20px}.forecastWrap .day[data-v-c76fc186]{background-color:rgba(0,0,0,.1);border-radius:8px;margin:10px 10px;box-shadow:3px 6px 10px rgba(0,0,0,.25);padding:20px 50px;color:#fefefe}.hiTemp[data-v-c76fc186],.lowTemp[data-v-c76fc186]{font-weight:700;font-size:1.2rem;padding-left:5px;font-family:Open Sans,sans-serif}.dates[data-v-c76fc186],.hiTemp[data-v-c76fc186],.lowTemp[data-v-c76fc186],p[data-v-c76fc186]{margin:10px 0;font-family:Montserrat,sans-serif}.hiLowWrap[data-v-c76fc186]{box-shadow:5px 5px 10px rgba(0,0,0,.25),0 0 10px -5px hsla(0,0%,100%,.25);padding:10px;border-radius:10px;display:flex;flex-direction:column}.dates[data-v-c76fc186]{border-bottom:.5px solid #fff;padding-bottom:5px;font-size:1.5rem;font-family:Montserrat,sans-serif}.loader[data-v-c76fc186]{width:200px;height:200px;border:4px solid #41b883;background:transparent;-webkit-animation:load-data-v-c76fc186 4s infinite forwards;animation:load-data-v-c76fc186 4s infinite forwards;display:flex;justify-content:center;align-items:center}.loadingText[data-v-c76fc186]{font-size:1.5rem;color:#fefefe}@-webkit-keyframes load-data-v-c76fc186{0%{transform:rotate(0deg) scale(.5)}to{transform:rotate(1turn) scale(1)}}@keyframes load-data-v-c76fc186{0%{transform:rotate(0deg) scale(.5)}to{transform:rotate(1turn) scale(1)}}*{margin:0;padding:0;box-sizing:border-box;overflow:scroll;letter-spacing:2px}#app{background:url("../img/beach (1).cc61bf17.jpg");background-size:cover;background-position:inherit;min-height:100vh;font-family:Open Sans,sans-serif}