.footer{margin-top:auto;padding:60px 0 50px;background-color:var(--footer-bg);color:var(--footer-text);border-top:5px solid gray}.footer__wrapper{flex-direction:column;row-gap:27px}.footer__wrapper,.social{display:flex;align-items:center}.social{column-gap:30px}.copyright{font-size:16px}.copyright p+p{margin-top:.5em}.dark-mode-btn{order:9;position:relative;display:flex;justify-content:space-between;width:51px;height:26px;padding:5px;border-radius:50px;background-color:#272727}.dark-mode-btn:before{content:"";position:absolute;top:1px;left:1px;display:block;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .2s ease-in}.dark-mode-btn--active:before{left:26px}.dark-mode-btn__icon{position:relative;z-index:9}@font-face{font-family:IBM_VGA_FONT;src:url(/fonts/Web437_IBM_VGA_8x16.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM_VGA_FONT;src:url(/fonts/Web437_IBM_VGA_8x16.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.nav{padding:20px 0;background-color:var(--nav-bg);color:var(--nav-text);letter-spacing:normal;border-bottom:5px solid gray}.nav-row{display:flex;justify-content:flex-end;align-items:center;column-gap:30px;row-gap:20px;flex-wrap:wrap}.logo{margin-right:auto;color:var(--nav-text);font-size:28px;font-family:IBM_VGA_FONT,sans-serif}.logo strong{font-weight:700}.nav-list{display:flex;flex-wrap:wrap;row-gap:10px;align-items:center;column-gap:30px;font-size:19px;font-weight:500;font-family:IBM_VGA_FONT,sans-serif}.nav-list__link{color:var(--nav-text);transition:opacity .2s ease-in}.nav-list__link:hover{opacity:.8}.nav-list__link--active{position:relative}.nav-list__link--active:before{content:"";position:absolute;left:0;top:100%;display:block;height:2px;width:100%;background-color:white}*{padding:0;margin:0;border:none}*,:after,:before{box-sizing:border-box}a,a:hover,a:link,a:visited{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}:root{--blackpure:#000;--black:#171718;--black-border:#26292d;--white:#fff;--purple:black;--bg-color-header:#0000ac;--bg-color-info:#fff;--nav-bg:var(--black);--nav-border:var(--black-border);--nav-text:var(--white);--header-bg:var(--black);--header-text:var(--white);--footer-bg:var(--black);--footer-text:var(--white);--page-bg:#e1e1e1;--text-color:black;--accent:var(--purple);--title-1:var(--accent);--project-card-bg:var(--white);--project-card-text:var(--black);--box-shadow:0px 5px 35px rgba(0,0,0,0.25)}::selection{background-color:#00ab01;color:black}.dark{--page-bg:black;--text-color:var(--white);--bg-color-header:#000080;--title-1:var(--white);--accent:#fff;--project-card-bg:var(--black);--project-card-text:var(--white);--box-shadow:0px 5px 35px rgba(0,0,0,0.8)}body,html{-webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;display:flex;flex-direction:column;min-height:100vh;font-family:IBM_VGA_FONT,sans-serif;letter-spacing:-.5px;background-color:var(--page-bg);color:var(--text-color)}html{background-color:#171718}#root,.App{min-height:100vh}.App{display:flex;flex-direction:column}.container{margin:0 auto;padding:0 15px;max-width:1200px}.none{display:none!important}.section{padding:70px 0}.title-1{margin-bottom:60px;font-size:60px;color:var(--title-1);text-align:center}.title-1,.title-2{font-weight:700;line-height:1.3}.title-2{margin-bottom:20px;font-size:40px}.btn{display:inline-block;padding:12px 28px;border-radius:2px;background-color:green;color:var(--white);letter-spacing:.15px;font-size:20px;font-weight:500;transition:opacity .2s ease-in;margin-bottom:1.5em}.btn:hover{opacity:.8}.btn:active{position:relative;top:1px}.btn-outline{display:flex;column-gap:10px;align-items:center;height:48px;padding:12px 20px;border-radius:5px;border:1px solid #000;background-color:#fff;color:#000;transition:opacity .2s ease-in}.btn-outline:hover{opacity:.8}.btn-outline:active{position:relative;top:1px}.projects{display:flex;justify-content:center;flex-wrap:wrap;column-gap:30px;row-gap:30px}.project-details{margin:0 auto;max-width:865px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.7em 0 1em}.project-details__cover{max-width:100%;margin-bottom:40px;box-shadow:var(--box-shadow);border-radius:10px}.project-details__desc{margin-bottom:30px;font-weight:700;font-size:24px;line-height:1.3}.content-list{margin:0 auto;max-width:570px;display:flex;flex-direction:column;align-items:center;row-gap:40px;text-align:center}.content-list a{color:var(--accent)}.content-list__item{font-size:18px;line-height:1.5}.content-list__item p+p{margin-top:.5em}.error-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem}.error-message{background-color:var(--nav-bg);color:var(--nav-text);border:.2em solid gray;padding:2rem 3rem;border-radius:12px;font-size:1.25rem;text-align:center;max-width:90%;box-shadow:0 4px 12px rgba(0,0,0,.1)}@media (max-width:620px){.header{min-height:unset}.header__title{font-size:30px}.header__title strong{font-size:40px}.nav-row{justify-content:space-between}.dark-mode-btn{order:0}.section{padding:40px 0}.title-1{margin-bottom:30px;font-size:40px}.title-2{margin-bottom:10px;font-size:30px}.project__title{font-size:22px}.project-details__desc{margin-bottom:20px;font-size:22px}.content-list{row-gap:20px}.content-list__item{font-size:16px}.footer{padding:40px 0 30px}.footer__wrapper{row-gap:20px}.social{column-gap:20px}.social__item{width:28px}}