nav{position:fixed;right:0;top:0;background:#fff;height:100vh;width:50%;z-index:999;text-transform:uppercase;transform:translate(100%);transition:transform .5s ease-in-out}nav ul{list-style-type:none;padding:0;margin-top:8em}nav ul a{color:#000;padding:.75em 2em;display:block}nav ul a:hover{background:#ebebeb}nav .close{float:right;margin:2em;width:2.5em}.open-nav{transform:translate(0)}@media only screen and (min-width: 920px){.menu{display:none}nav{transform:translate(0);position:unset;display:block;width:auto;height:auto;background:none}nav svg.close{display:none}nav ul{display:flex;margin:0}nav ul a{color:#fff;padding:.5em 1.5em;font-size:.9rem}nav ul a:hover{background:none;text-decoration:underline}}header{width:100%;height:100px;background-color:#171818;box-shadow:0 4px 5px -2px #00000080;position:sticky;top:0;color:#fff;z-index:999;display:flex;align-items:center;justify-content:space-between}header .logo{font-size:1.5rem;font-weight:700}.logo a{color:#fff;text-decoration:none}.logo p{font-size:1rem;color:#ccc;margin:0}header svg{width:2em;height:2em;margin-top:-.6em;cursor:pointer}footer{min-height:50vh;background-color:var(--footer-bg-color);color:var(--footer-text-color);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1.5rem}footer ul{list-style:none;display:flex;gap:1rem;justify-content:center;flex-direction:column}footer ul a{text-decoration:none;color:var(--footer-text-color)}footer ul a:hover{text-decoration:underline}footer .social-footer{font-weight:600;font-size:.9rem}footer .social-footer a:hover{color:var(--link-hover-color);text-decoration:none}footer .legal-footer{font-size:.8rem}footer .copyright-footer{font-size:.7rem}@media (min-width: 769px){footer{min-height:30vh}footer ul{flex-direction:row;gap:1.5rem}}:root{--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-size: 16px;--line-height: 1.5;--color: #171818;--text-color: rgb(48, 48,48);--background-color: #fff;--border-color: #ececec;--shadow-color: rgba(0, 0, 0, .1);--footer-bg-color: rgb(18, 18, 18);--footer-text-color: rgb(212, 212, 212);--link-color: #4DA5F8;--link-hover-color: #FF2D7B}*{margin:0;padding:0}html{font-size:16px;color:#171818;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.wrapper{width:90vw;margin-left:auto;margin-right:auto}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width: 1025px){.wrapper{max-width:620px}}.wide-wrapper{width:90vw;margin-left:auto;margin-right:auto}@media (min-width: 1025px){.wide-wrapper{max-width:1200px}}main .maincontent{margin-top:5rem;margin-bottom:5rem}main .maincontent .article-loop .article-box{margin-top:2rem;background-color:#fff;padding:1.5rem;border-radius:.5rem;border:.5px solid #ececec;box-shadow:1px 1px 6px #ececec}main .maincontent .article-loop .article-box .article-image{overflow:hidden;position:relative;border-radius:.5rem}main .maincontent .article-loop .article-box .article-image img{width:100%;transition:transform .3s ease}main .maincontent .article-loop .article-box .article-image img:hover{transform:scale(1.1)}main .maincontent .article-loop .article-box .article-content .article-meta{display:flex;gap:1rem;margin-top:.3rem;margin-bottom:.5rem;font-size:.8rem;color:#8d8d8d}main .maincontent .article-loop .article-box .article-content .article-meta a{text-decoration:none;color:#8d8d8d}main .maincontent .article-loop .article-box .article-content .article-text h2{font-size:1.42rem;margin-bottom:.7rem}main .maincontent .article-loop .article-box .article-content .article-text h2 a{text-decoration:none;color:#171818}@media (max-width: 769px){main .notfound{display:flex;flex-direction:column}main .notfound .notfound_text,main .notfound .notfound_image{flex:1 1 50%;box-sizing:border-box}main .notfound .notfound_text{padding:30px}main .notfound .notfound_image{order:-1;height:500px!important;background-image:url(/img/not-found.webp)}}main .notfound{display:flex;flex-direction:row;flex-wrap:wrap;height:calc(100vh - 100px)}main .notfound .notfound_text,main .notfound .notfound_image{flex:1 1 50%;box-sizing:border-box}main .notfound .notfound_text{padding:30px;display:flex;flex-direction:column;align-items:left;justify-content:center}main .notfound .notfound_text p{font-size:1.2rem;line-height:1.6rem;margin-bottom:1.5rem;max-width:60ch}main .notfound .notfound_text p a{color:#4da5f8}main .notfound .notfound_text p a:hover{color:#ff2d7b}main .notfound .notfound_image{background-image:url(/img/not-found.webp);background-size:cover;background-position:center}