footer{background-color:var(--background-3);display:flex;align-items:center;text-align:center;justify-content:center;gap:var(--padding-7);padding:var(--padding-8) 0;border-top:var(--border-size) var(--border)}footer a{opacity:var(--opacity);display:flex}footer a img{width:38px;height:38px}footer a:hover{opacity:1}footer a:active{opacity:var(--opacity-2)}footer h2{font-size:var(--font-size-8);font-weight:500;color:var(--text-3)}.app.articles{margin:auto;margin-top:var(--padding-2);margin-bottom:var(--padding);display:grid;width:var(--width);max-width:1440px;align-content:center;min-height:calc(100dvh - var(--padding) - var(--padding-2));h1{font-size:var(--font-size);color:var(--text);font-weight:500;line-height:1;text-shadow:0 0 32px #ffffff15}h1,h4{text-align:center}h4{font-size:var(--font-size-7);font-weight:400;margin:auto;margin-top:var(--padding-8);color:var(--text-3);max-width:1024px}.buttons{display:flex;gap:var(--padding-6);margin-top:var(--padding-2);.button{width:100%;font-weight:500;background-color:var(--text);color:var(--background);border-color:transparent;&:first-child{background-color:#0073ff;color:var(--text);border-color:transparent}&:nth-child(3),&:nth-child(4){background-color:var(--background-2);color:var(--text);border-color:var(--border)}}}.list{display:flex;flex-wrap:wrap;gap:var(--padding-6);margin-top:var(--padding-6);.block{background-color:var(--background-2);padding:var(--padding-5);border-radius:var(--border-radius);border:var(--border-size) var(--border);display:grid;align-content:baseline;grid-gap:var(--padding-9);gap:var(--padding-9);width:calc((100% - var(--padding-6) * 2) / 3 - var(--padding-5) * 2 - 1px * 2);img{background-color:var(--background);padding:var(--padding-7);border-radius:var(--border-radius-2);border:var(--border-size) var(--border-2);width:64px;height:64px;filter:grayscale(1)}h2{margin-top:var(--padding-7);font-size:var(--font-size-4);color:var(--text);font-weight:500;span{color:var(--text-3)}}h3{font-size:var(--font-size-7);font-weight:400;color:var(--text-3)}&:hover{border-color:var(--border-2);h3{color:var(--text-2)}img{filter:grayscale(0)}}}}}.preloader{background-color:#080a09;height:100lvh;width:100%;position:fixed;top:0;left:0;z-index:3;display:grid;align-content:center;justify-content:center;video{max-height:25.5dvh;max-width:var(--width);margin:auto}}@media screen and (max-width:768px){.app.articles{margin:var(--padding-2) auto;min-height:calc(100dvh - var(--padding-2) * 2);align-content:baseline;h1{font-size:var(--font-size-2)}.buttons{display:grid;.button{width:auto}}.list{display:grid;grid-gap:var(--padding-5);gap:var(--padding-5);.block{padding:var(--padding-7);border-radius:var(--border-radius-2);width:calc(100% - var(--padding-7) * 2 - 1px * 2)!important;img{width:52px;height:52px;padding:var(--padding-8)}h2{font-size:var(--font-size-5);margin-top:var(--padding-9)}h3{font-size:var(--font-size-8)}}}}}