@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Montserrat:500|Roboto:400,500&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}a{display:inline-block;text-decoration:none}a,button,h1,h2,h3,h4,h5,h6,input,p,span{font-family:Roboto,sans-serif}.img,.img-container{width:100%;height:100%}.img{object-fit:cover}.btn{color:#3f32f8;background:#f4f4f4;padding:16px 24px;text-transform:uppercase;font-weight:500;border-radius:5px}.aside{width:330px;height:100vh;position:fixed;overflow:hidden;z-index:999;background:#2a0560;padding:24px 48px;display:grid;grid-template-rows:auto 1fr auto;grid-gap:24px;gap:24px;box-shadow:3px 0 6px rgba(0,0,0,.54)}@media screen and (max-width:768px){.aside{display:none}}.aside .aside__header{display:grid;grid-template-columns:auto 1fr;grid-gap:24px;gap:24px;align-items:end}.aside .aside__header .img-container{width:48px;height:48px}.aside .aside__header .header__logo{color:#f4f4f4;text-transform:lowercase;font-family:Montserrat,sans-serif;line-height:36px;letter-spacing:.36px}.aside .aside__filters{display:grid;grid-template-rows:auto 1fr;grid-gap:48px;gap:48px}.aside .aside__filters .filters__form .form__input{background:#2a0560;border-bottom:2px solid #f83267;display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:8px;gap:8px}.aside .aside__filters .filters__form .input__field{padding:12px 0;background:transparent;border:none;color:#f4f4f4;font-size:14px;line-height:21px;letter-spacing:.21px}.aside .aside__filters .filters__form .input__icon{color:#f4f4f4}.aside .aside__filters .filters__list{display:grid;overflow-y:auto}.aside .aside__filters .filters__list .list__item{color:hsla(0,0%,95.7%,.54);-webkit-transition:all .3s;transition:all .3s}.aside .aside__filters .filters__list .list__item:hover{color:hsla(0,0%,95.7%,.87)}.aside .aside__filters .filters__list .list__item--active{color:rgba(248,50,103,.78)}.aside .aside__filters .filters__list .list__item--active:before{content:"·";margin-right:12px}.aside .aside__footer .footer__link{font-size:24px;color:rgba(248,50,103,.87);margin-right:24px}.main{margin-left:330px;width:calc(100vw - 330px);height:100vh;position:relative;overflow:hidden}@media screen and (max-width:768px){.main{margin-left:0;width:100vw}}.main .categories__button{position:absolute;top:0;padding:12px 24px;border-color:transparent;background:#f4f4f4;text-transform:uppercase;display:none;cursor:pointer}@media screen and (max-width:768px){.main .categories__button{display:block}}.main .main__quotes{position:absolute;top:0;width:100%;height:100%;background:rgba(118,50,219,.7);padding:0 15%;display:flex;flex-flow:column nowrap;align-items:center;justify-content:center}.main .main__quotes .quotes__quote{font-size:36px;color:#f4f4f4;font-family:Montserrat,sans-serif;text-align:center;margin-bottom:24px;line-height:54px;letter-spacing:.54px}@media screen and (max-width:768px){.main .main__quotes .quotes__quote{font-size:24px;line-height:36px;letter-spacing:.36px}}
/*# sourceMappingURL=main.31fabecb.chunk.css.map */