.footer__copyright{font-size:18px;line-height:22px;color:#545454;margin:0}@media (max-width:320px){.footer__copyright{font-size:14px;line-height:17px}}.footer{padding-bottom:60px;margin:67px auto 0;width:880px}@media (max-width:1024px){.footer{width:80%;margin-top:48px;padding-bottom:36px;font-size:14px;line-height:17px}}@media (max-width:320px){.footer{width:93%;margin-top:48px;padding-bottom:36px;font-size:14px;line-height:17px}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-family:"Inter";src:url(/static/media/inter-400-regular.ae3bdea1.woff2) format("woff2"),url(/static/media/inter-400-regular.41e86578.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Inter";src:url(/static/media/inter-500.eb890039.woff2) format("woff2"),url(/static/media/inter-500.6e76a4ce.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:"Roboto";src:url(/static/media/roboto-400-regular.479970ff.woff2) format("woff2"),url(/static/media/roboto-400-regular.60fa3c06.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Roboto";src:url(/static/media/roboto-500.020c97dc.woff2) format("woff2"),url(/static/media/roboto-500.87284894.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:"Roboto";src:url(/static/media/roboto-700.2735a3a6.woff2) format("woff2"),url(/static/media/roboto-700.adcde98f.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Roboto";src:url(/static/media/roboto-900.9b3766ef.woff2) format("woff2"),url(/static/media/roboto-900.bb1e4dc6.woff) format("woff");font-weight:900;font-style:normal}@font-face{font-family:"Roboto Slab";src:url(/static/media/roboto-slab-400-regular.07ebe96f.woff2) format("woff2"),url(/static/media/roboto-slab-400-regular.28fdd9b8.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Roboto Slab";src:url(/static/media/roboto-slab-700.ed5c465a.woff2) format("woff2"),url(/static/media/roboto-slab-700.607d7c73.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Source Sans Pro";src:url(/static/media/source-sans-pro-400.5cc3aae6.woff) format("woff");font-weight:400;font-style:normal}*{font-size:36px}body{font-family:"Roboto",sans-serif;margin:0;padding:0;color:#fff}.App,body{font-family:sans-serif}.App{text-align:center}.app-background{background-color:#061324;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh}.main-container{background-color:#ec645b;width:500px;height:-webkit-min-content;height:min-content;border-radius:5px;padding:20px;box-shadow:10px 10px 26px 0 rgba(0,0,0,.35)}@media screen and (max-width:520px){*{font-size:30px}.main-container{max-width:90%}.add-item-input{height:25px;font-size:30px}.add-item-box{height:30px;margin-bottom:20px,0}.item-container{padding:15px,0;font-size:30px}}.title{text-align:center}.add-item-box{background:#fbc1bb;color:#ec645b;margin-top:1em;margin-bottom:1em;display:flex;align-items:center;border-radius:10px;padding:5px}.add-item-box svg{margin:5px}.add-item-input{box-sizing:border-box;border:none;background:transparent;color:#ec645b;width:100%;height:30px}input::-webkit-input-placeholder{color:#ec645b}input::placeholder{color:#ec645b}input:focus{outline:0}.item-list{display:flex;flex-direction:column}.item-container{display:flex;flex-direction:row;align-items:left;justify-content:space-between;padding:20px 0;border-bottom:1px solid #fbc1bb}.item-name{cursor:pointer}.item-name svg{margin-left:5px;margin-right:5px}.item-action-buttons{display:flex;justify-content:space-between}.remove-button{position:relative;border:none;z-index:3;margin:0;width:18px;height:20px;background-position:100% 100%;cursor:pointer;outline:none;background-image:url(/static/media/delete-icon-black.1c91f547.svg);color:#fff;background-color:initial;background-size:content;background-repeat:no-repeat}.total{float:right;padding:10px}.quantity{display:flex;align-items:center;border:1px solid #ec645b;background:#fff;border-radius:50px;font-size:12px;color:#ec645b;min-width:70px;justify-content:space-between}button{background:transparent;border:none;margin:3px;color:#ec645b}button:focus{outline:0}button:hover{cursor:pointer}.completed{text-decoration:line-through}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.header{position:relative;z-index:1;font-size:18px;border-bottom:1px solid hsla(0,0%,76.9%,.2);font-family:"Roboto",sans-serif;font-weight:500;display:flex;justify-content:space-between;padding:0 104px;max-width:1440px;margin:0 auto}.header__title{height:100%;font-family:"Roboto Slab",serif;font-weight:700;font-size:20px;line-height:80px;color:#fff;text-decoration:none}.header__menu-icon{display:none}.header__navigation{display:flex;align-items:center;list-style:none;margin:0;padding:0}.header__link-home,.header__link-saved-articles{height:100%;color:#b6bcbf;line-height:80px;text-decoration:none}.header__link-saved-articles{margin:0 64px 0 76px}.header__button{height:48px;color:#fff;border:1px solid #fff;line-height:24px;text-align:center;border-radius:100px;text-decoration:none;margin:auto 0 auto 42px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:12px}.header__button_login{min-width:112px;margin-left:0}.header__button_logout{width:176px;margin:auto 0 auto 32px}.header__button:hover,.header__title:hover{cursor:pointer;opacity:.7}.header__button-username{margin:0;line-height:24px}.header__button-logout-icon{height:24px;margin-left:15px}.header_color_white{color:#fff}.header_color_black{color:#000}.header__active_white{color:#fff;box-shadow:inset 0 -3px 0 0 #fff}.header__active_black{box-shadow:inset 0 -3px 0 0 #000}.header__title_saved-articles{color:#000}.header__button_saved-articles{color:#000;border:1px solid #000}@media screen and (max-width:1100px){.header__link-saved-articles{margin:0 40px}}@media screen and (max-width:840px){.header__link-saved-articles{margin:0 30px}}@media screen and (max-width:768px){.header{font-size:16px;padding:0 40px;margin-bottom:-66px}.header__link-home,.header__link-saved-articles,.header__title{line-height:66px}.header__button{margin-bottom:15px;width:152px;line-height:40px}}@media screen and (max-width:700px){.header{font-size:12px}.header__link-saved-articles{margin:0 15px}.header__button{min-width:125px}}@media screen and (max-width:520px){.header{position:relative;top:0;left:0;font-size:18px;padding:0 16px;margin-bottom:-57px;background-color:#000;height:100%;width:50%}.header__overlay{display:flex;width:100%;Height:100%;z-index:1;background-color:#000;opacity:.8}.header_mobile-menu-open{-webkit-animation:fadein .7s;animation:fadein .7s;background-color:#1a1b22}.header_mobile-menu-closed{-webkit-animation:fadein .7s;animation:fadein .7s;background-color:initial}.header__title{line-height:56px}.header__title_menu-open{color:#fff}.header__menu-icon{-webkit-animation:fadein .7s;animation:fadein .7s;display:block}.header__menu-icon:hover{opacity:.7;cursor:pointer}.header__navigation{position:absolute;display:flex;flex-direction:column;align-items:center;background-color:#1a1b22;top:20px;left:0;width:100%;max-height:0;min-height:0;overflow:hidden}.header__navigation_mobile-logout{-webkit-animation:fadein .5s;animation:fadein .5s;max-height:174px;min-height:174px}.header__navigation_mobile-login{max-height:230px;min-height:230px}.header__navigation_mobile-inactive{max-height:0}.header__navigation-container{width:90%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.header__link-home{width:125px;color:#fff;line-height:56px;margin-top:16px}.header__link-saved-articles{width:125px;color:#fff;line-height:56px;margin:0}.header__active_black,.header__active_white{box-shadow:none}.header__button{color:#fff;border:1px solid #fff;max-width:100%;height:56px;line-height:56px;margin:22px 0 24px}}.popup{display:flex;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;visibility:hidden;opacity:0}.popup,.popup_open{transition:visibility .3s,opacity .3s linear}.popup_open{visibility:visible;opacity:1}.popup__form-container{width:430px;border-radius:10px;background-color:#fff;padding:34px 36px 28px}.popup__close-button{outline:0;border:0;width:40px;height:40px;position:relative;left:420px;top:5px;background-image:url(/static/media/close-icon.105611fb.svg);background-repeat:no-repeat;background-size:contain;background-color:initial;transition:opacity .4s ease;cursor:pointer}.popup__close-button:hover{opacity:.6}.popup__title{font-family:"Roboto",sans-serif;font-weight:900;margin-top:0;margin-bottom:22px}.popup__input-label{font-size:12px;line-height:14.52px;color:#2f71e5}.popup__input,.popup__input-label{display:block;font-family:"Inter",sans-serif}.popup__input{box-sizing:border-box;width:100%;font-size:14px;line-height:16.94px;border:none;border-bottom:1px solid rgba(0,0,0,.2);padding-top:10px;padding-bottom:10px;padding-left:0}.popup__input-wrapper{margin-bottom:32px;position:relative}.popup__input-wrapper:last-of-type{margin-bottom:39px}.popup__error{font-family:"Inter",sans-serif;font-size:12px;line-height:15px;color:red;margin:0;position:relative}.popup__error_type_form{text-align:center;top:-15px}.popup__submit-button{font-family:"Inter",sans-serif;font-size:18px;line-height:24px;width:100%;margin:0 auto;border-radius:100px;display:block;height:64px;transition:opacity .4s ease;outline:none;border:none;cursor:pointer;background-color:#e6e8eb;color:#b6bcbf}.popup__submit-button_active{box-shadow:0 5px 15px rgba(14,26,57,.2);background-color:#2f71e5;color:#fff}.popup__submit-button_active:hover{background-color:#347eff}.popup__submit-button_active:focus{background-color:#2a65cc}.popup__submit-button:hover{opacity:.8}.popup__submit-button_inactive{background-color:#d1d2d6;color:#b6bcbf}.popup__signin-signup{text-align:center;font-family:"Inter",sans-serif;font-size:14px;line-height:16.94px;margin-top:16px;margin-bottom:0}.popup__link,.popup__signin-link{color:#2f71e5;cursor:pointer}.popup__signin-link{font-family:"Inter",sans-serif}@media screen and (max-width:500px){.popup{align-items:flex-start}.popup__wrapper{display:flex;flex-direction:column;width:100%}.popup__form-container{box-sizing:border-box;width:100%;height:100vh;margin-top:16px;padding:25px 22px}.popup__close-button{width:24px;height:24px;position:static;align-self:flex-end;margin-top:16px;margin-right:16px}}
/*# sourceMappingURL=main.cf43f2cc.chunk.css.map */