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,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,menu,nav,output,ruby,section,summary,time,mark,audio,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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none}:root{--primary-color: var(--background-color);--background-color: #efe5ff;--secondary-color: #d8cfe6;--controls-color: #8165ae}@media(max-width:641px){:root{--primary-color: #95d9ff;--background-color: #d4f0ff;--secondary-color: #bfd8e6;--controls-color: #52a2d1}}@media(max-width:321px){:root{--primary-color: #adfcc8;--background-color: #defee9;--secondary-color: #c8e5d2;--controls-color: #63ca85}}@font-face{font-family:Roboto;src:url(/sveak-test-project/assets/Roboto-Regular-CDA2nS6X.woff2) format("woff2"),url(/sveak-test-project/assets/Roboto-Regular-zP2mIu4Q.woff) format("woff"),url(/sveak-test-project/assets/Roboto-Regular-CN_pkOMA.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/sveak-test-project/assets/Roboto-Bold-D7sq4F_m.woff2) format("woff2"),url(/sveak-test-project/assets/Roboto-Bold-D5QgMliT.woff) format("woff"),url(/sveak-test-project/assets/Roboto-Bold-yTHeQuef.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/sveak-test-project/assets/Roboto-Italic-Bg_ieHjb.woff2) format("woff2"),url(/sveak-test-project/assets/Roboto-Italic-Belu27y5.woff) format("woff"),url(/sveak-test-project/assets/Roboto-Italic-B1M5SgEt.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}.hiden{display:none;visibility:hidden;opacity:0;height:0;margin:0;padding:0;border:none}.no-scroll{overflow:hidden;position:relative;height:100vh}.layout{background-color:var(--background-color);display:grid;grid-template-columns:310px 1fr;grid-template-rows:60px 1fr 100px;grid-template-areas:"developer  header" "menu  content" "footer  footer";min-height:100dvh}@media(max-width:641px){.layout{grid-template-columns:45px 1fr;grid-template-rows:60px 1fr 80px;grid-template-areas:"burger header" "content content" "footer footer"}}@media(max-width:321px){.layout{grid-template-rows:60px 1fr 240px}}.header{background-color:var(--primary-color);border-left:2px solid #d8cfe6;grid-area:header;display:flex;justify-content:end;padding-right:20px}.header__button-wrapper{display:flex;gap:15px;justify-content:flex-end;align-items:center;color:var(--controls-color)}.header__switcher{line-height:0;border:transparent;background:transparent;cursor:pointer;padding:0;color:inherit;transition:opacity .2s ease-in-out;opacity:.3}@media(hover:hover){.header__switcher:hover{opacity:.6}}.header__switcher:active{opacity:1}@media(max-width:641px){.header{border:0px}.header__switcher:focus-visible{opacity:.6}}@media(max-width:321px){.header{grid-template-rows:1fr}}.developer{grid-area:developer;display:flex;justify-content:center;align-items:center}.developer__text{font-size:2rem}@media(max-width:641px){.developer{display:none}}.menu{--menu-color: #efe5ff;--menu-color-hover: #f1ccfc;--menu-color-active: #e6a3fa;--menu-padding-top: 0px}@media(max-width:641px){.menu{--menu-color: #d6bdff;--menu-color-active: #dcaafc;--menu-padding-top: 72px}}.menu{grid-area:menu;background-color:var(--menu-color);padding:var(--menu-padding-top) 5px 40px 30px}.menu__list{top:0;max-height:calc(100dvh - 60px - var(--menu-padding-top));display:flex;flex-direction:column;list-style:none;gap:10px;position:-webkit-sticky;position:sticky;overflow-y:auto;overscroll-behavior:none}.menu__item{display:flex;align-items:center;padding:10px 13px;gap:20px;border-radius:30px;cursor:pointer;transition:background-color .2s ease-in-out}@media(hover:hover){.menu__item:hover{background-color:var(--menu-color-hover)}}.menu__item:active{background-color:var(--menu-color-active)}.menu__item-img{width:31px;height:31px;border-radius:50%}.menu__item-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media(max-width:641px){.menu{box-sizing:border-box;position:absolute;left:-260px;z-index:10;width:260px;padding:var(--menu-padding-top) 18px 18px 18px;background-color:var(--menu-color);transition:left .2s ease-in-out}.menu--active{left:0}.menu__list{max-height:calc(100dvh - var(--menu-padding-top))}.menu__item:active{background-color:var(--menu-color-active)}}@media(max-width:321px){.menu{top:0;left:-100%;width:100%;height:100%;padding:var(--menu-padding-top) 18px 18px 18px}.menu--active{left:0}.menu__list{max-height:calc(100dvh - var(--menu-padding-top))}.menu__item:active{background-color:var(--menu-color-active)}}.burger{grid-area:burger;background-color:var(--primary-color);padding-left:20px;display:none;align-items:center}.burger--active .burger__line{background:#b6a1d9}.burger--active .burger__line:first-child{-webkit-transform:rotate(46deg) translate(2px,-2px);transform:rotate(46deg) translate(2px,-2px)}.burger--active .burger__line:nth-child(2){opacity:0;-webkit-transform:scale(0);transform:scale(0)}.burger--active .burger__line:last-child{-webkit-transform:rotate(-46deg) translate(2px,2px);transform:rotate(-46deg) translate(2px,2px)}.burger__button{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:21px;background:transparent;border:none;cursor:pointer;padding:0;position:relative;z-index:11}.burger__line{display:block;width:100%;height:5px;background-color:var(--controls-color);border-radius:2px;transition:all .3s ease;-webkit-transform-origin:center;transform-origin:center}.burger__line:first-child{-webkit-transform-origin:top left;transform-origin:top left}.burger__line:last-child{-webkit-transform-origin:bottom left;transform-origin:bottom left}@media(max-width:641px){.burger{display:flex}}.grid-cards{grid-area:content;background-color:var(--background-color);border-left:2px solid #d8cfe6}@media(max-width:641px){.grid-cards{position:relative}}:root{--card-min-width: var(--card-width-desktop);--card-width-desktop: 160px}@media(max-width:1025px){:root{--card-width-desktop: 128px}}@media(max-width:641px){:root{--card-width-desktop: 174px}}@media(max-width:321px){:root{--card-width-desktop: 115px}}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min-width),1fr));grid-auto-rows:128px;gap:1.5rem;justify-content:center;padding:1rem}@media(max-width:321px){.cards-container{grid-auto-rows:115px;padding-top:26px}}.card{background-color:var(--secondary-color);border-radius:10px;overflow:hidden;padding:10px}.card__text{display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:321px){.card__text{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}}.footer{grid-area:footer;border-top:2px solid #d8cfe6;padding-top:17px;padding-left:17px;background-color:var(--primary-color);font-weight:700}.footer__heading{font-size:22px;font-weight:700}.footer__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:641px){.footer{border:0px;padding-top:6px;padding-left:15px}.footer__text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}@media(max-width:321px){.footer{padding-top:12px;padding-left:15px}.footer__text{display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden}}body{font-family:Roboto}