#app{--baseFontFamily:Avenir,Helvetica,Arial,sans-serif;font-family:var(--baseFontFamily);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin:0;padding:0;background:linear-gradient(-180deg,#000 60%,grey);background-image:url(../img/got-front.478d1d02.png);background-repeat:no-repeat;background-size:cover;background-position:50%;height:98dvh}nav{position:sticky;top:0;background-color:rgba(0,0,0,.667);padding:20px}nav>a{font-weight:700;color:#f08080}nav>a.router-link-exact-active{color:#9400d3}a:hover{padding:0 3px;box-shadow:0 0 10px gold;cursor:pointer}.container{width:88%;margin:auto;padding:10px;border:3px solid gold;min-height:80dvh}.container>header{text-align:center;margin:.6rem 0 .4rem}.container>header>h1{margin:0;font-size:3rem;color:gold;text-shadow:0 0 15px red}section{display:flex;flex-direction:row;background-repeat:no-repeat;background-size:cover;background-position:top;height:70dvh;min-height:70%;width:100%;box-shadow:inset 0 0 15px #fff}section>nav{width:20vw;max-width:12rem;min-width:7rem;margin:10px;padding:1px;text-align:left;overflow-y:auto}section>nav>ul{list-style:none;color:#f08080}section>nav>ul>li{margin:1px 0 .75em -35px;text-transform:capitalize;font-family:var(--baseFontFamily);font-weight:600}section>article{display:flex;flex-grow:1;flex-direction:column;align-items:stretch;margin:0;padding:10px;height:95%;overflow:hidden}section>article>ul{margin:0;background-color:rgba(0,0,136,.467);list-style:armenian outside;padding:2px 1rem 1rem 1.6rem;overflow-y:auto;min-width:70%}section>article>ul>h2{font-size:1.5rem;text-align:left;margin-left:-10px;color:#9400d3;text-shadow:0 2px 4px #000;text-decoration-line:overline;text-decoration-color:#f08080}section>article>ul>h3{min-height:3rem;text-align:left;margin-left:-10px}section>article>ul>h3 a{text-decoration:none;color:gold;font-size:1.8rem}section>article>ul>li{margin:10px 10px 0;text-transform:capitalize;text-align:left;font-family:Times New Roman,Times,serif;color:#fff;font-weight:600}section>article>ul>li>a{color:gold;font-weight:600;text-decoration:none}section>article>ul>li>a:hover{padding:0 3px;box-shadow:0 0 10px gold;cursor:pointer}input[type=button]{margin:20px;padding:10px;border-radius:5px;border:outset;color:#f5f5f5;background-color:purple}input[type=button]:active{position:relative;top:1px;left:1px;border:inset}input[type=search]{position:sticky;width:100%;top:0;margin:10px auto 0}input[type=search]::-moz-placeholder{color:#d3d3d3}input[type=search]::placeholder{color:#d3d3d3}footer{position:sticky;bottom:0;background:linear-gradient(0deg,#000,transparent);padding:10px;text-align:center;color:silver;font-size:x-small}footer a{color:#fff}@media(max-width:600px){#app{background-repeat:repeat;height:auto}section{flex-direction:column}section>nav{width:95%;max-width:none;max-height:20vh}section>article{flex-direction:column}section>article h3{margin:0;line-height:2.2rem}section>article ul{min-height:30dvh}footer{position:relative}}.intro[data-v-19821302]{display:flex;flex-direction:column;align-items:center;position:absolute;width:50%;top:calc(10% + 10vw);left:25%;margin:auto}.intro h1[data-v-19821302]{color:#9400d3;font-size:3rem;text-shadow:2px 3px 13px #fff}.intro h3[data-v-19821302]{margin-top:10%;color:#fff;text-shadow:5px 5px 13px purple}