@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@400;500;700&display=swap);*{padding:0;margin:0;-webkit-tap-highlight-color:transparent}*,:after,:before{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}:active,:focus,a:active,a:focus{outline:none;color:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{width:100%;min-height:100%;font-size:100%;line-height:1;-webkit-text-size-adjust:none}button,input,select,textarea{padding:0;border:none;font:inherit;color:inherit;background-color:initial;-webkit-appearance:none;-moz-appearance:none;border-radius:0}input:invalid{box-shadow:none}input::-ms-clear{display:none}button::-moz-focus-inner{padding:0;border:0}.button,button,input[type=button],input[type=submit]{cursor:pointer}button[disabled],input[disabled]{cursor:default}a,a:hover,a:visited{text-decoration:none;color:inherit}img{vertical-align:top;max-width:100%}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}ol,ul{list-style:none}body{font:400 24px "Cabin",sans-serif;background:#182546}.App{display:flex;flex-direction:column;justify-content:space-around;margin:0 5.3vw;color:#fff}.header{justify-content:space-between;padding:1.2em 1.8em}.header,.header__author-sign{display:flex;align-items:center}.header__clover{font-size:36px}.header__sign{margin:0 .2em}.header span{font-weight:700;color:#83ea5f}.main{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1em 1.8em}.main__intro p{color:#91f3f9;letter-spacing:.035em}.main__text-morse{font-size:32px}.main__title{font-size:70px;font-weight:700;letter-spacing:.1em;color:#83ea5f;text-transform:uppercase;margin-top:.3em}.main__subtitle{font-size:24px}.main img{margin-top:1em;width:30%}.main__buttons{width:100%;margin-top:17vh;display:flex;justify-content:space-around}.main__button-item{width:237px;height:67px;border:5px solid;border-radius:17px;font-weight:700;font-size:24px;text-align:center;letter-spacing:.085em;text-transform:uppercase;transition:.3s}.main__button-item.green{border-color:#74dd4f}.main__button-item.green:hover{background-color:#74dd4f;color:#182546}.main__button-item.yellow{border-color:#ddd84f}.main__button-item.yellow:hover{background-color:#ddd84f;color:#182546}.main__button-item.blue{border-color:#4fdddd}.main__button-item.blue:hover{background-color:#4fdddd;color:#182546}.main__button-item.pink{border-color:#dd4fad}.main__button-item.pink:hover{background-color:#dd4fad;color:#182546}.footer{padding:20px;text-align:center}.footer__author{font-size:20px;margin-bottom:20px}.calculator-window{border:5px solid #74dd4f}.calculator-window,.jokes-window{display:flex;justify-content:center;align-items:center}.jokes-window{border:5px solid #dd4fad}.jokes-window rect{fill:#dd4fad}.todolist-window{display:flex;justify-content:center;align-items:center;border:5px solid #ddd84f}.todolist-window rect{fill:#ddd84f}.weather-window{display:flex;justify-content:center;align-items:center;border:5px solid #4fdddd}.weather-window rect{fill:#4fdddd}.modal-window{position:absolute;top:15vh;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:75vw;height:62vh;background-color:#0d1428;border-radius:20px}.modal-window__close-button{padding:1vh 1vh 0 0;position:absolute;right:0;top:0}.modal-window.animated{transition:.3s;opacity:0;visibility:hidden}.modal-window.animated.show{opacity:1;visibility:visible}svg:hover rect{fill:#dd4f4f;transition:.15s}.calculator-body{position:relative;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:minmax(2rem,auto) repeat(4,1fr);grid-gap:.3em;background:linear-gradient(#182546,#182546) padding-box,linear-gradient(90deg,#74dd4f,#ddd84f) border-box;border:5px solid transparent;border-radius:10px;width:35vw;height:50vh;padding:20px}.calculator-body .span-three{grid-row:span 3;background:linear-gradient(90deg,#74dd4f,#ddd84f)}.calculator-body__button-text{font-size:16px;text-transform:uppercase}.calculator-body>button{font-weight:700;background-color:#10182d;border-radius:5px}.calculator-body>button :focus,.calculator-body>button:hover{background-color:#35539f}.calculator-body>button.calculator-body__sign{background-color:#26396a}.calculator-body>button.calculator-body__sign :focus,.calculator-body>button.calculator-body__sign:hover{background-color:#ddd84f;color:#0d1428}.calculator-body__output{height:12vh;grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around;word-wrap:break-word;word-break:break-all;text-align:left;margin:-20px -20px 0}.calculator-body__output:after{content:"";background:linear-gradient(90deg,#74dd4f,#ddd84f);width:100%;height:5px;position:absolute;top:11vh;right:0}.calculator-body__output .previous-operand{font-size:18px;color:hsla(0,0%,100%,.5);padding:.55rem}.calculator-body__output .current-operand{font-size:30px;font-weight:700;padding:0 .55rem .55rem 0}.weather__body{display:flex;flex-direction:column;justify-content:space-between;background-image:url(/soft-spot-multitool/static/media/clouds.c5d3308e.png);background-size:cover;background-repeat:no-repeat;border:5px solid #4fdddd;border-radius:10px;width:35vw;height:50vh;padding:25px}.weather__error-message,.weather__input-message{font-size:30px;font-weight:700;margin-top:20%;text-shadow:0 3px 3px rgba(0,0,0,.45)}.weather__location-date{display:flex;flex-direction:column;align-items:flex-start}.weather__title-location{font-size:36px;font-weight:700;text-shadow:0 3px 3px rgba(0,0,0,.25)}.weather__title-date{font-size:20px;text-shadow:0 3px 3px rgba(0,0,0,.25)}.weather__temp-info{margin-top:3px}.weather__temp-value{font-size:64px}.weather__temp-state,.weather__temp-value{font-weight:700;text-shadow:0 4px 10px rgba(0,0,0,.25);text-align:center}.weather__temp-state{font-size:30px;font-style:italic}.weather__temp-emoji{font-size:40px;text-align:center;text-shadow:0 4px 10px rgba(0,0,0,.25)}.weather__search{background-color:#fff;border-radius:8px}.weather__search-bar{color:#0d1428;width:90%;padding:5px 10px}.weather__search-bar::-webkit-input-placeholder{color:#3f5cad;font-size:18px}.weather__search-bar::placeholder{color:#3f5cad;font-size:18px}.clouds{background-image:url(/soft-spot-multitool/static/media/clouds.c5d3308e.png);transition:.3s}.sunny{background-image:url(/soft-spot-multitool/static/media/sun.d55ed84a.png)}.rainy,.sunny{transition:.3s}.rainy{background-image:url(/soft-spot-multitool/static/media/rain.f86dcfd7.png)}.snowy{background-image:url(/soft-spot-multitool/static/media/snow.da320376.png);transition:.3s}.todolist__body{display:flex;flex-direction:column;justify-content:space-between;background-color:#182546;border:5px solid #ddd84f;border-radius:10px;width:35vw;height:50vh;padding:25px}.todolist__body span{color:#ddd84f}.todolist__body form{display:flex;justify-content:center}.todolist__body input{box-sizing:border-box;border:3px solid #ddd84f;border-radius:10px 0 0 10px;margin-right:-2px;padding:10px 16px}.todolist__body input::-webkit-input-placeholder{color:#dad8b2;font-size:18px}.todolist__body input::placeholder{color:#dad8b2;font-size:18px}.todolist__body .todolist__button-save{width:30%;padding:16px 7px;border:none;border-radius:0 10px 10px 0;text-transform:uppercase;background:linear-gradient(90deg,#ddd84f,#dd9c4f);font-weight:700;letter-spacing:.05em;color:#3c3f4e;text-align:center;font-size:16px}.todolist__title{font-size:36px;font-weight:700}.todolist__tasks{display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#111b34,rgba(17,27,52,.7) 65%,rgba(17,27,52,0));border-radius:15px 15px 0 0;max-width:100%;height:80%;overflow:auto;margin-top:.3em;padding:.45em}.todolist__tasks::-webkit-scrollbar{width:6px}.todolist__tasks::-webkit-scrollbar-track{background-color:initial}.todolist__tasks::-webkit-scrollbar-thumb{background-color:#1d2c53;border-radius:5px}.todolist__tasks-item{position:relative;display:flex;align-items:center;background:linear-gradient(90deg,#ddd84f .68%,#dd9c4f 97.3%);border-radius:10px;height:auto;width:90%;margin-top:10px;padding:.7em 1.5em .7em .6em;cursor:pointer}.todolist__tasks-item svg{cursor:pointer}.todolist__tasks-item rect{fill:#182546}.todolist__tasks-item-text{color:#0d1428;font-weight:500;font-size:16px;line-height:16px;overflow:hidden;word-wrap:break-word;flex:1 1;text-align:left}.tasks-item__close-button{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:1vh 1vh 0 0;position:absolute;right:0}.strike{text-decoration:line-through}.jokes__body{justify-content:space-around;background-color:#182546;border:5px solid #dd4fad;border-radius:10px;width:35vw;height:50vh;padding:25px}.jokes-section,.jokes__body{display:flex;flex-direction:column}.jokes-section{align-items:center}.jokes-section__title{font-weight:700;font-size:28px;text-align:center;background:linear-gradient(90deg,#dd4fad,#5f7cbd);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.jokes-section__answer{margin-top:.5em;background:#1d2c53;border-radius:8px;font-size:16px;padding:10px;width:80%}.jokes-section__setup{color:#b2c8fa}.jokes-section__punchline{color:#dd4fad}.jokes-section__button{margin-top:.6em;font-weight:700;font-size:16px;letter-spacing:.085em;text-transform:uppercase;background:linear-gradient(90deg,#dd4fad -.09%,#5f7cbd);border-radius:10px;padding:.6em 1.3em}.activity-section{display:flex;flex-direction:column;align-items:center}.activity-section__title{font-weight:700;font-size:28px;text-align:center;background:linear-gradient(90deg,#74dd4f,#ddd84f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.activity-section__answer{margin-top:.5em;background:#1d2c53;border-radius:8px;font-size:16px;padding:10px;width:80%}.activity-section__setup{color:#dbffce}.activity-section__button{margin-top:.6em;font-weight:700;font-size:16px;letter-spacing:.085em;text-transform:uppercase;background:linear-gradient(90deg,#74dd4f -.09%,#5f7cbd 99.48%);border-radius:10px;padding:.6em 1.3em}.mobile{margin-top:85vw}@media screen and (max-width:768px){body{font-size:15px}.header__clover{font-size:18px}.main__title{font-size:2.9rem}.main__intro p{font-size:1.2rem}.main__text-morse{margin-bottom:-.6em}.main__buttons{flex-direction:column}.main img{margin-bottom:-6em}.calculator,.jokes,.todolist,.weather{margin-bottom:2vh}.modal-window{top:10vh;width:95vw;height:65vh}.modal-window svg{width:75%}.main__button-item{width:190px;height:50px;font-size:inherit;text-transform:uppercase}.footer__author{font-size:.9rem}.calculator-body,.jokes__body,.todolist__body,.weather__body{position:relative;bottom:-20px;width:80vw;height:50vh}.calculator-body__button-text{font-size:13px}.todolist__title{font-size:1.6rem}.todolist__body input{padding:10px 0 10px 10px}.todolist__body input::-webkit-input-placeholder{font-size:15px}.todolist__body input::placeholder{font-size:15px}.weather__search svg{width:13px;margin-left:5px;margin-top:5px;margin-bottom:-2px}.weather__error-message,.weather__input-message{font-size:26px;margin-top:45%}.weather__title-location{font-size:28px}.weather__title-date{font-size:16px}.weather__temp-value{font-size:48px}.weather__temp-state{font-size:24px}.weather__temp-info{margin-top:16px}.activity-section__title,.jokes-section__title{font-size:22px}.activity-section__answer,.activity-section__button,.jokes-section__answer,.jokes-section__button{font-size:14px}}
/*# sourceMappingURL=main.32ccb83e.chunk.css.map */