@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;700&display=swap);*,:after,:before{box-sizing:border-box}body{background:#191e2b;font-family:Oswald,sans-serif;font-size:100%;font-weight:400;margin:0}#root{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}.title{color:#191e2b;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-transform:uppercase}.slavageroyam,.title{text-align:center;text-decoration:none}.slavageroyam{background-color:#fed703;border:5px solid #015abc;color:#015abc;display:block;font-size:1.5rem;margin-bottom:-.5rem;margin-top:1rem;padding:.1rem;transition:all .3s ease-out}.slavageroyam:hover{background-color:#191e2b;border:5px solid #ff5f57;color:#ff5f57}.cards{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.card{background-color:#8ec891;border:2px solid #8ec891;border-radius:.5rem;display:flex;flex-direction:column;max-height:367px;max-width:600px;overflow:hidden;width:100%}.card__img{cursor:pointer;overflow:hidden;text-align:center}.card__img img{height:100%;max-height:367px;object-fit:cover}.card__title{color:#191e2b;font-size:1.2rem;padding:.5rem 0;transition:all .2s linear}.card__content{padding:0 1rem 1rem}.card__about{align-items:center;display:flex;flex-direction:column;justify-content:center}.card__about-text{color:#282d3f;font-size:1.1rem;margin-bottom:1rem}.card__info{align-items:center;display:flex;gap:15px;justify-content:center}.card__info-stack{color:#191e2b;font-size:1.1rem}.card__info-links img{height:2.5rem;margin-top:.5rem;object-fit:cover;transition:transform .2s linear;width:2.5rem}.card__info-links img:hover{transform:scale(1.1)}@media screen and (max-width:768px){.card__img img{height:auto;max-width:100%}}.footer{align-items:center;background-color:#a5acd0;display:flex;filter:drop-shadow(0 0 20px rgba(165,172,208,.5));flex-direction:column;justify-content:center;padding:1rem;width:100%}.footer__made-with-love{align-items:center;color:#a5acd0;display:inline-flex;line-height:1.2;position:relative;text-shadow:-1px 0 #191e2b,0 1px #191e2b,1px 0 #191e2b,0 -1px #191e2b}.footer__name{font-weight:700;padding-right:1rem}.footer__social{line-height:0;margin-top:.5rem;padding-right:1rem}.footer__social-link:nth-last-child(2){margin-right:.5rem}.footer__social-link img{height:2rem;transition:transform .2s linear;width:2rem}.footer__social-link img:hover{transform:scale(1.1)}.heart{animation:heartbeat 1s infinite;display:inline-block;left:0;margin-left:.8rem;position:relative;top:0;transform:rotate(-45deg)}.heart,.heart:after,.heart:before{background-color:#ff5f57;height:.8rem;width:.8rem}.heart:after,.heart:before{border-radius:50%;content:"";position:absolute}.heart:before{left:0;top:-8px}.heart:after{left:8px;top:0}@keyframes heartbeat{0%{transform:scale(1) rotate(-45deg)}20%{transform:scale(1.1) rotate(-45deg)}40%{transform:scale(1.2) rotate(-45deg)}}.header{background-color:#191e2b;border-radius:1rem;box-shadow:0 0 20px #a5acd080;margin:2rem auto;max-width:100rem;padding:1rem;width:100%}.header__inner{align-items:center;display:flex;justify-content:space-between}.header__logo{height:4rem}.nav{align-items:center}.nav,.nav__links{display:flex;flex-wrap:wrap}.nav__link{color:#191e2b;font-size:1.5rem;font-weight:700;padding-left:2rem;text-decoration:none;text-shadow:-1px 0 #6ae0ff,0 1px #6ae0ff,1px 0 #6ae0ff,0 -1px #6ae0ff;text-transform:uppercase;transition:color .2s linear,text-shadow .2s linear}.nav__link:hover{color:#6ae0ff!important;text-shadow:none!important}.nav__link-purple{text-shadow:-1px 0 #fed703,0 1px #fed703,1px 0 #fed703,0 -1px #fed703}.nav__link-purple.active,.nav__link-purple:hover{color:#fed703!important;text-shadow:none!important}.nav__link-red{text-shadow:-1px 0 #ff5f57,0 1px #ff5f57,1px 0 #ff5f57,0 -1px #ff5f57}.nav__link-red.active,.nav__link-red:hover{color:#ff5f57!important;text-shadow:none!important}.nav__link-green{text-shadow:-1px 0 #8ec891,0 1px #8ec891,1px 0 #8ec891,0 -1px #8ec891}.nav__link-green.active,.nav__link-green:hover{color:#8ec891!important;text-shadow:none!important}.nav__burger{background:#0000;border:none;color:inherit;cursor:pointer;display:none;height:40px;width:40px}@media screen and (max-width:992px){.nav__links{align-items:center;background-color:#191e2b;bottom:0;display:flex;flex-direction:column;height:100vh;justify-content:center;margin:0;overflow-y:none;padding:0;position:fixed;right:-100vw;top:0;transition:all .5s ease;visibility:hidden;width:0;z-index:100}.nav__link{display:block;padding:.5rem}.nav__burger{display:block}.nav__burger,.nav__burger:hover{cursor:pointer}.nav-bar,.nav-bar:after,.nav-bar:before{background-color:#fed703;border-radius:.3rem;display:block;height:5px;position:relative;transition:transform .2s ease;width:40px;z-index:100}.nav-bar:after,.nav-bar:before{content:"";left:0;position:absolute;top:12}.nav-bar:before{background-color:#015abc;top:-12px;transition:top .3s .3s,transform .3s cubic-bezier(.23,1,.32,1)}.nav-bar:after{background-color:#ff5f57;bottom:-12px;transition:bottom .3s .3s,transform .3s cubic-bezier(.23,1,.32,1)}.show-nav .nav__links{right:0;visibility:visible;width:100vw}.show-nav .nav-bar{background:#0000;width:0}.show-nav .nav-bar:before{top:0;transform:rotate(45deg);transition:top .3s,transform .3s cubic-bezier(.68,-.55,.265,1.55) .3s}.show-nav .nav-bar:after{bottom:0;transform:rotate(-45deg);transition:bottom .3s,transform .3s cubic-bezier(.68,-.55,.265,1.55) .3s}}.right{align-items:center;justify-content:space-between}.btns,.right{display:flex}.container{margin:0 auto;max-width:90rem;padding-left:1rem;padding-right:1rem;width:100%}.header-wrapper{margin:0 2rem}.main{flex-grow:1}.home{margin:5rem 0;max-width:100%}.home__content{padding:1rem}.code{background-color:#282d3f;border-radius:.5rem;color:#fff;filter:drop-shadow(0 0 20px rgba(165,172,208,.5));font-size:calc(24px + .92754vw);margin:0 auto;max-width:80vw;opacity:1;padding:2rem;scale:1;white-space:pre-line}@media(min-width:767px){.code-obj{display:flex;flex-direction:column;flex-wrap:wrap;padding:0 3rem;width:100%}.code{font-size:calc(14.28986px + .92754vw);max-width:70%}}@media(max-width:767px){.code{max-width:90vw}.code-obj{padding:0 1rem}}.const{color:#d18ff0;padding-right:.3em}.const-name{color:#a5acd0;padding-right:.3em}.equal{color:#d18ff0}.bracket{align-items:center;color:#fed703;display:flex}.bracket:after{content:"{";margin-top:-.2em;padding-left:.3em;right:0;top:0}.key{color:#8ec891}.colon{color:#6ae0ff;padding:0 .3em}.str{color:#8ec891;display:flex;flex-wrap:wrap}.coma{color:#a5acd0}.code-const,.code-line{display:flex}.code-const{align-items:center}.func{color:#75a8ff}.pink{color:#d18ff0}.pink:after{margin-top:-1px}.return{color:#6ae0ff;padding-left:3rem}.green{color:#8ec891}.blue{color:#6ae0ff}.purple{color:#a5acd0}.rotate:after{padding:0;transform:rotate(180deg)}.about{margin:5rem .5rem;max-width:100%}.about__inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.about__title{text-shadow:-1px 0 #fed703,0 1px #fed703,1px 0 #fed703,0 -1px #fed703}.about__content{align-items:center;display:flex;height:100%;justify-content:center;min-height:500px;width:100%}.about__code{font-size:1.5rem;width:60%}.btn{background-color:#191e2b;border:1px solid #a5acd0;border-radius:.5rem;box-shadow:0;box-sizing:border-box;color:#191e2b;cursor:pointer;font-size:1rem;font-weight:700;margin-top:2rem;max-width:200px;outline:none;padding:.5rem 1.5rem;text-decoration:none;text-shadow:-1px 0 #a5acd0,0 1px #a5acd0,1px 0 #a5acd0,0 -1px #a5acd0;text-transform:uppercase;transition:color .2s linear,text-shadow .2s linear,box-shadow .1s linear;width:100%}.btn:hover{color:#a5acd0!important;text-shadow:none!important}.btn:active{box-shadow:0 0 20px #a5acd080}.btn-lang{color:#a5acd0;margin-left:1.5rem;margin-top:0;max-width:100px;padding:.5rem;text-align:center;text-shadow:none}@media screen and (max-width:850px){.about__content{width:100%}.about__code{font-size:1.5rem;width:90vw}.about__code-bottom,.about__code-top{height:-webkit-fit-content;height:fit-content;width:100%}.about__code-bottom{margin:0}}@media screen and (max-width:440px){.about__code{font-size:1.2rem}}.contacts{margin:5rem .5rem}.contacts__title{text-shadow:-1px 0 #a5acd0,0 1px #a5acd0,1px 0 #a5acd0,0 -1px #a5acd0}.contacts .rotate:after{margin-top:.5rem}@media screen and (max-width:850px){.contacts__code{font-size:1.5rem}}@media screen and (max-width:440px){.contacts__code{font-size:1.1rem}}.portfolio{margin:5rem .5rem}.portfolio__inner{align-items:center;display:flex;flex-direction:column;justify-content:center}.portfolio__title{margin:0;text-shadow:-1px 0 #8ec891,0 1px #8ec891,1px 0 #8ec891,0 -1px #8ec891}.portfolio__subtitle{color:#8ec891;font-size:1rem;margin-bottom:4rem}.portfolio__content{align-items:center;display:flex;justify-content:center}
/*# sourceMappingURL=main.1715c4f8.css.map*/