@font-face{font-family:fira code;font-style:normal;font-weight:300;src:local(""),url(./fonts/fira-code-v21-latin_cyrillic-300.woff2)format("woff2"),url(./fonts/fira-code-v21-latin_cyrillic-300.woff)format("woff")}@font-face{font-family:fira code;font-style:normal;font-weight:400;src:local(""),url(./fonts/fira-code-v21-latin_cyrillic-regular.woff2)format("woff2"),url(./fonts/fira-code-v21-latin_cyrillic-regular.woff)format("woff")}@font-face{font-family:fira code;font-style:normal;font-weight:500;src:local(""),url(./fonts/fira-code-v21-latin_cyrillic-500.woff2)format("woff2"),url(./fonts/fira-code-v21-latin_cyrillic-500.woff)format("woff")}@font-face{font-family:fira code;font-style:normal;font-weight:600;src:local(""),url(./fonts/fira-code-v21-latin_cyrillic-600.woff2)format("woff2"),url(./fonts/fira-code-v21-latin_cyrillic-600.woff)format("woff")}@font-face{font-family:fira code;font-style:normal;font-weight:700;src:local(""),url(./fonts/fira-code-v21-latin_cyrillic-700.woff2)format("woff2"),url(./fonts/fira-code-v21-latin_cyrillic-700.woff)format("woff")}:root{--black:#002b36;--white:#fdf6e3;--background:#fdf6e3;--text-color:#839496;--secondary:#2aa198;--primary:#cb4b16;--yellow:#b58900;--text-hover-background:#eee8d5;--wrapper-color-start:#b58900;--wrapper-color-end:#cb4b16;--anchor-highlight:#eee8d5}@media(prefers-color-scheme:dark){:root{--black:#002b36;--white:#fdf6e3;--background:#002b36;--text-color:#839496;--secondary:#2aa198;--primary:#cb4b16;--yellow:#b58900;--text-hover-background:#073642;--wrapper-color-start:#6c71c4;--wrapper-color-end:#073642;--anchor-highlight:#073642}}*{box-sizing:border-box;font-family:Fira Code,Monaco,Consolas,Ubuntu Mono,monospace}html{max-width:70ch;padding:3em 1em;margin:auto;line-height:1.75;font-size:1.25em}img{width:100%}h1,h2,h3{color:var(--primary);margin:3em 0 1em}h4,h5,h6{color:var(--yellow);margin:1.5em 0 .5em}p,ul,ol{margin-top:0;margin-bottom:2em;font-family:sans-serif}body{color:var(--text-color);background:var(--background)}h1 a,h1 a:visited,h1 a:active,h1 a:hover{color:var(--primary)}h1 a:hover{background-color:var(--text-hover-background);border-color:var(--text-hover-background)}a,a:visited,a:active,a:hover,a code{color:var(--secondary);border-color:var(--anchor-highlight);text-decoration:none}a:hover{background-color:var(--anchor-highlight)}@keyframes rotate{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}input[type=checkbox]#active{display:none}@media(min-width:1024px){.wrapper{position:absolute;z-index:2;top:3em;right:4em}}@media(max-width:1023px){.wrapper{background:linear-gradient(-135deg,var(--wrapper-color-start),var(--wrapper-color-end));position:fixed;top:0;left:0;height:100%;width:100%;transition:clip-path .3s ease-in-out;clip-path:circle(24.5px at calc(100% - calc(25px + 4em)) calc(25px + 3em))}}menu.nav{list-style:none;margin:0}@media(min-width:1024px){menu.nav{display:flex;flex-wrap:wrap;gap:15px;padding:0;justify-content:flex-end}}@media(max-width:1023px){menu.nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}}@media(max-width:1023px){menu.nav li{margin:15px 0}}menu.nav li a{text-decoration:none;font-size:30px;font-weight:500;padding:5px 30px;color:var(--white);border-radius:50px;background:var(--black);position:relative;line-height:50px;transition:transform .3s ease;white-space:nowrap}menu.nav li a:after{position:absolute;content:"";background:linear-gradient(375deg,#268bd2,#2aa198);width:104%;left:-2%;height:110%;top:-5%;border-radius:50px;transform:scaleY(0);z-index:-1;animation:rotate 1.5s linear infinite}menu.nav li a:hover{color:var(--white)}menu.nav li a:hover:after{transform:scaleY(1)}@media(min-width:1024px){.menu-btn{display:none}}@media(max-width:1023px){.menu-btn{position:absolute;z-index:2;top:3em;right:4em;height:50px;width:50px;text-align:center;line-height:50px;border-radius:50%;font-size:20px;cursor:pointer;color:var(--white);background:var(--black);transition:all .3s ease-in-out}.menu-btn span,.menu-btn:before,.menu-btn:after{content:"";position:absolute;top:calc(50% - 1px);left:30%;width:40%;border-bottom:2px solid var(--white);transition:transform .6s cubic-bezier(.215,.61,.355,1),border-color .3s ease-in-out}.menu-btn:before{transform:translateY(-8px)}.menu-btn:after{transform:translateY(8px)}}@media(max-width:1023px){#active:checked~.wrapper{clip-path:circle(75%)}#active:checked+.menu-btn span{transform:scaleX(0)}#active:checked+.menu-btn:before{transform:rotate(45deg);border-color:var(--white)}#active:checked+.menu-btn:after{transform:rotate(-45deg);border-color:var(--white)}}