:root{--main-size: 20px;--color-kinovar: #e34234;--color-background: #000000;--color-header: #000000;--color-footer: #ffdada}html{height:100%}app-root{display:flex;flex-direction:column;height:100%}body{margin:0;height:100%;font-size:var(--main-size);background-color:var(--color-background);background-image:url(https://img.a374.ru/planet-3-yaflag.jpg);background-position:top;background-repeat:no-repeat;background-size:cover}header,footer{min-height:10px;background-color:var(--color-header)}aside{flex:0 0 auto;justify-content:baseline;height:3%;background-color:var(--color-001);height:auto}nav{flex:0 0 auto;height:3%;background-color:#ffffad;height:auto}h1{font-size:2.3em;margin:5% 0}main{display:flex;flex:1 1 auto;width:55%;margin:auto;padding-bottom:7%;-webkit-backdrop-filter:blur(8px) grayscale(1);backdrop-filter:blur(8px) grayscale(1);box-shadow:0 0 12px #000}button{padding:10px;border:solid 1px #ccc;display:inline-block;background:#fff4f4;color:#941f1f;border-radius:8px;margin:0px 0 0 1rem;box-shadow:0 1px 2px #0005}button:hover{padding:10px;border:solid 1px #ffffff;display:inline-block;background:#ffe9e9;color:#7d1d1d;border-radius:8px;margin:0px 0 0 1rem;box-shadow:inset 0 1px 2px #000}input{padding:12px;font-size:1em;border-color:#ffefda;display:inline-block;width:200px}p{padding-bottom:3vw}@media (max-width: 525px){main{width:100%}h1{font-size:10vw}}@media (max-width: 916px) and (orientation: landscape){main{width:100%}h1{font-size:8vh}}