@font-face{font-family:"Roboto";src:local("../fonts/Roboto Light"),local("../fonts/Roboto-Light"),url(95ff440a51f48ad36a9887d720795caf.woff2) format("woff2"),url(8c9edc306f9c7753780429470d09e101.woff) format("woff"),url(25d47456caffa85babba7f2d99f60c39.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Roboto";src:local("../fonts/Roboto"),local("../fonts/Roboto-Regular"),url(806e04d8241d87f99a68e861e98abeea.woff2) format("woff2"),url(59d18e163bfcd0607572a155d0def686.woff) format("woff"),url(ecf539e1e3bc3e936f7865ccb537b092.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Roboto";src:local("../fonts/Roboto Medium"),local("../fonts/Roboto-Medium"),url(76cb645b72a0083e239f2050de552a87.woff2) format("woff2"),url(5673e7a07239f478532538ee153d9d97.woff) format("woff"),url(704bba02385c62b5914c8fe36cd9e191.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Roboto";src:local("../fonts/Roboto Bold"),local("../fonts/Roboto-Bold"),url(23c8ce07bd38f67236221a52af8683a7.woff2) format("woff2"),url(1e0c22679977ac02c8f682107ad52670.woff) format("woff"),url(1ac02c026895c20df570f07837cf9a9f.ttf) format("truetype");font-weight:700;font-style:normal}html{-ms-overflow-style:scrollbar}body{margin:0}*,::after,::before{box-sizing:border-box}::selection{background:#e73d5a;color:#fff}.container{width:100%;padding-right:.9375rem;padding-left:.9375rem;margin-right:auto;margin-left:auto}@media (min-width: 576px){.container{max-width:33.75rem}}@media (min-width: 768px){.container{max-width:45rem}}@media (min-width: 992px){.container{max-width:60rem}}@media (min-width: 1200px){.container{max-width:71.25rem}}body,textarea{font-family:"Roboto",sans-serif !important}.fade-out{-webkit-animation-name:fadeOut;animation-name:fadeOut;-webkit-animation-duration:.3s;animation-duration:.3s}.fade-in{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.3s;animation-duration:.3s}.slide-down{-webkit-animation-name:slideDown;animation-name:slideDown;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes slideDown{from{transform:translate(-50%, -50%);opacity:0}to{transform:translate(-50%, 0);opacity:1}}@keyframes slideDown{from{transform:translate(-50%, -50%);opacity:0}to{transform:translate(-50%, 0);opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.scroll__thumb-vertical{border-radius:.5rem;background-color:rgba(231,61,90,0.9)}.scroll__area{overflow:hidden;border:.0625rem solid #e73d5a}.button{padding:.625rem;cursor:pointer;border:none;outline:none}.button--cicrle{padding:.625rem .75rem;border-radius:50%;background-color:#fef2f2}.button--add,.button--save{padding:.625rem 1.875rem;transition:.5s background-color, .5s color;color:#d41d31;background-color:#fef2f2}.button--add:hover,.button--save:hover{background-color:rgba(231,61,90,0.3)}.button--add:active,.button--save:active{color:#fff;background-color:#e73d5a}.button--add{border-radius:0 .5rem .5rem 0}.button--save{border-radius:.5rem 0 0 0}.button--opacity{background-color:transparent;color:#e73d5a}.button__container{display:flex;justify-content:flex-end}.input{padding:.625rem;transition:.5s border-color;outline:none}.input--add{border:.0625rem solid #fef2f2;border-radius:.5rem 0 0 .5rem}.input--add:hover{border-color:rgba(231,61,90,0.3)}.input--add:focus{border-color:#e73d5a}.input--add::-webkit-input-placeholder{color:rgba(212,29,49,0.5)}.input--add:-ms-input-placeholder{color:rgba(212,29,49,0.5)}.input--add::-ms-input-placeholder{color:rgba(212,29,49,0.5)}.input--add::placeholder{color:rgba(212,29,49,0.5)}.input--area{overflow:hidden;width:100%;resize:none;border:none}.input--editable{display:block;width:100%;padding:0 0 .3125rem 0;cursor:text;border-width:0 0 .0625rem 0;border-style:solid;border-color:#e73d5a}.checkbox{position:relative;display:block;width:100%;padding:.625rem;cursor:pointer;border-radius:.5rem;background:#fef2f2}.checkbox__input{display:none}.checkbox__input:checked+.checkbox__text{text-decoration:line-through}.checkbox__input:checked+.checkbox__text::before{background-color:#e73d5a;border-color:#e73d5a}.checkbox__input:checked+.checkbox__text::after{font-size:.875em;position:absolute;top:.34375rem;left:.1875rem;content:'\2713';color:#fff}.checkbox__text{position:relative;padding:.125rem .125rem .125rem 1.5625rem;color:#415160;outline-color:#e73d5a}.checkbox__text::before{position:absolute;top:50%;display:block;width:.9375rem;min-width:.9375rem;height:.9375rem;content:"";transition:.3s all;transform:translateY(-50%);border:.0625rem solid #415160;border-radius:.1875rem}.checkbox__remove{position:absolute;top:.1875rem;right:.3125rem;text-decoration:none;color:#e73d5a}.icon--square_15{width:.9375rem;height:.9375rem}.icon--square_10{width:.625rem;height:.625rem}.icon--white{color:#fff}.icon--red{color:#d41d31}.modal__overlay{position:fixed;z-index:999;top:0;left:0;display:block;width:100%;height:100%;background-color:rgba(49,28,32,0.6)}.modal-area{position:relative;z-index:999;top:5rem;left:50%;overflow:hidden;max-width:25rem;max-height:31.25rem;transform:translateX(-50%);border-radius:.5rem;background-color:#fff}@media (max-width: 576px){.modal-area{max-width:18.75rem}}.modal-area__title{font-size:1.125em;padding:1.25rem;color:#fff;outline-color:#e73d5a;background-image:linear-gradient(90deg, #e73d5a 0%, #ff3c52 50%)}.modal-area__body{padding:1.25rem}.modal-area__descr{line-height:120%;margin-bottom:1.25rem;padding:.125rem;color:#415160;outline-color:#e73d5a}.modal-area__checkbox-single:not(:last-child){margin-bottom:.3125rem}.modal-area__checkbox-wrapper:not(:last-child){margin-bottom:.3125rem}.modal-area__textarea{margin-bottom:.625rem}.header{margin-bottom:1.25rem;color:#fff;background-image:linear-gradient(90deg, #e73d5a 0%, #ff3c52 50%);box-shadow:0px 3px 10px rgba(0,0,0,0.1)}.navbar{padding:1.25rem 0}.navbar__list{display:flex;justify-content:space-between}@media (max-width: 576px){.navbar__item:last-child{display:none}}.navbar__item a{color:#fff;text-decoration:none}.todo-card{position:relative;z-index:2;width:100%;height:190px;padding:1.25rem;cursor:default;transition:padding-bottom .3s;border-radius:.5rem;background-color:#fff;box-shadow:0px 3px 10px rgba(0,0,0,0.1)}.todo-card:hover{padding-bottom:3.5rem}.todo-card:hover .todo-card__border{transform:scale(1.04)}@media (max-width: 576px){.todo-card:hover .todo-card__border{transform:scale(1)}}@media (min-width: 576px) and (max-width: 992px){.todo-card:hover .todo-card__border{transform:scale(1)}}@media (min-width: 992px) and (max-width: 1200px){.todo-card:hover .todo-card__border{transform:scale(1)}}.todo-card:hover .todo-card__button-container{opacity:1}.todo-card__border{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;transition:box-shadow .3s, transform .3s;border-radius:.5rem;background:#fff;box-shadow:0px 3px 10px rgba(0,0,0,0.1)}.todo-card__title{font-size:1.125em;font-weight:500;margin-bottom:1.25rem}.todo-card__descr{line-height:120%;opacity:.8}.todo-card__button-container{position:absolute;right:.625rem;bottom:.625rem;opacity:0;transition:.3s opacity}@media (max-width: 1200px){.todo-card__button-container{opacity:1}}.todo-card__button-container .button{cursor:pointer}.todo-card__button-container .button:first-child{margin-right:.625rem}.add-todo{display:flex;justify-content:center;margin-bottom:1.25rem}.add-todo__input{width:50%}@media (max-width: 576px){.add-todo__input{width:70%}}.add-todo__button{display:flex;align-items:center}.add-todo__button:active .add-todo__button-icon{color:#fff}.add-todo__button-text{margin-left:.3125rem}.add-todo__button-icon{transition:.5s color}.todo-cards{padding-bottom:1.875rem}.todo-cards__list{display:flex;align-items:stretch;flex-wrap:wrap;margin-top:-1.875rem;margin-right:-.9375rem;margin-left:-.9375rem}.todo-cards__item{width:33.33333%;margin-top:1.875rem;padding-right:.9375rem;padding-left:.9375rem}@media (min-width: 576px) and (max-width: 992px){.todo-cards__item{width:50%}}@media (max-width: 576px){.todo-cards__item{width:100%}}

/* http://meyerweb.com/eric/tools/css/reset/
   v5.0.1 | 20191019
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, menu, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
	display: block;
}
/* HTML5 hidden-attribute fix for newer browsers */
*[hidden] {
    display: none;
}
body {
	line-height: 1;
}
menu, ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}