*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{background-color:transparent;border:none;display:inline-block;cursor:pointer}:root{--bg-clr: #1b1f25;--text-clr: #f8ffed;--links-clr: #ffffff;--border-clr: #909090;--link-clr: #467aff;--note-clr: #cccfd4;--code-clr: #1c2128;--note-border-clr: #2d323a;--hover-clr: #2d323a;--clicked-clr: #202630;--header-clr: #22272e;--White-clr: white;--scroll-bar-bg: #202324;--thumb-clr: #454a4d;--sub-header: #888;--ff-header: impact;--ff-body: "Roboto Condensed", sans-serif}html{font-size:62.5%;height:100%}#root{min-height:100vh;display:flex;flex-direction:column}body{background:var(--bg-clr);color:var(--text-clr)}::-webkit-scrollbar{background:var(--scroll-bar-bg)}::-webkit-scrollbar-thumb{background:var(--thumb-clr)}@font-face{font-family:impact;src:url(/assets/impact-D4FAfvkI.ttf);font-weight:700}.wrapper{font-family:var(--ff-body);max-width:900px;margin-inline:auto;padding:0 .4em}.header-margin{padding:2em 0;border-bottom:5px solid var(--border-clr);background:var(--header-clr)}.header{padding-inline:1em;font-family:var(--ff-header);display:flex;justify-content:space-between;align-items:center}.logo{height:40px}.nav__list{display:flex;list-style:none}.nav__list:not(:last-child){gap:2em}.list__item{text-decoration:none;color:var(--text-clr);font-size:2.5rem;transition:all .2s}.clicked{color:#fff}.nav__list-sidebar{display:none;flex-direction:column;list-style:none;height:100vh;width:300px;position:fixed;right:0;top:0;z-index:999;background:var(--header-clr);gap:2em;font-size:1.4rem;padding-left:1em;padding-top:1em;align-items:flex-start}.list__item-sidebar:first-child{align-self:flex-end;padding-right:2.5rem;padding-top:1rem}.list__item-sidebar>a{font-size:2rem;color:#fff;text-decoration:none}.btn--menu{color:#fff;font-size:2rem}@media (max-width: 44em){.list__item{display:none}}@media (min-width: 45em){.btn--menu{display:none}}.main{width:100%;font-size:2rem;margin-top:4em;margin-inline:auto;margin-bottom:4em}@media (max-width: 50em){.main{font-size:1.4rem}}.footer{margin-top:auto;padding:8em 0;background:var(--header-clr)}.wrapper--footer{font-size:1.8rem;display:flex;justify-content:center}.footer__links{display:flex;gap:1.3em}.footer__links a{color:var(--White-clr);font-size:1.6rem}.posts{letter-spacing:0-5em}.posts__list-title{font-size:1.8rem}.posts__list{padding-left:2.5em;padding-bottom:2em;border-bottom:1px solid var(--White-clr)}.posts__list-item{display:flex;align-items:center;justify-content:space-between;position:relative}.posts__list-item:before{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;left:-20px}.posts__item-time{display:inline-block;width:100px;-webkit-user-select:none;user-select:none}.posts__link{color:#fff;letter-spacing:.07em;display:block;width:90%;padding:1em .5em;border-radius:3px;font-weight:500;font-size:2rem;transition:all .2s}.posts__link:hover{background:var(--hover-clr);border-bottom-color:green}@media (max-width: 50em){.posts__item-time{font-size:1.7rem}}.post{font-size:2rem;line-height:1.3em}.post__title{font-weight:800;letter-spacing:.1rem;text-transform:uppercase;margin-bottom:.8em}.post__intro{border-bottom:2px solid #fff;margin-bottom:.4em}.post__intro .post__text,.post__intro .post__note{margin:.8em 0}.post__note{color:var(--note-clr);border-left:4px solid var(--note-border-clr);padding-top:.5em;padding-bottom:.5em;padding-left:1em;margin:.2em 0}.post__spacial{padding-top:.4em;padding-bottom:.4em;font-weight:700}.post__header{font-size:2rem;margin:.8em 0;font-size:3rem;color:#fff}.post__text{font-weight:400;line-height:1.4em;margin-bottom:.8em;margin-top:.8em}.post__link{color:var(--White-clr);padding-left:.2em;font-weight:700}.post__video{margin:2.5em;max-width:900px}@media (max-width: 900px){.post__video{max-width:400px;margin:0}}.post__list{list-style:none}.post__list-item{padding-left:1.2em}.custom-text{font-weight:700;font-style:italic;color:#fff}.center{text-align:center}.post-review{border-bottom:2px solid var(--White-clr);padding-bottom:1em}.post-review__sup-header{display:flex;align-items:center;gap:.4em;font-size:1.6rem;color:var(--sub-header);margin:.2em 0}.post-review__icon{font-size:1.4rem}.post-review__text{font-size:1.9rem;font-weight:400;margin:.4em 0}.post-review__link{color:var(--White-clr);text-decoration:none;border-bottom:3px solid var(--White-clr);font-size:2rem}.new-line{display:block}.code{padding:1.5em 1em;background-color:var(--header-clr);margin:1em 0;display:block;white-space:nowrap}@media (max-width: 45em){.code{overflow-x:scroll}}.about{font-size:2rem}.music{display:flex;align-items:center;gap:2em}.music__image{width:60px;height:60px;object-fit:cover}.angle{font-size:3rem;transition:all .2s;cursor:pointer;background:none;border:none;color:var(--White-clr);-webkit-user-select:none;user-select:none}.angle:hover{transform:scale(1.2)}.angle--right{margin-left:auto}.music__link{font-size:2.5rem;font-weight:600;color:var(--White-clr);transition:all .2s}@media (max-width: 45em){.music{gap:1em}.music__link{font-size:2rem}.music__image{width:50px;height:50px}}.projects{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem;max-width:90%;margin-inline:auto}.project-btn{cursor:pointer;border:none;background:transparent}.project-btn__image{border-radius:2rem}.project{margin-top:2em}.project img{border-radius:2rem}.project-list__itmes{font-size:2rem;margin:2rem}.project-list__itmes a{color:#fff}.back-btn{background-color:transparent;color:red;font-size:3rem;border:none;margin-bottom:2rem;cursor:pointer}