*{padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box}svg{fill:currentColor}.container{width:calc(100% - 40px);max-width:1200px;margin:0 auto}button,input,label,select{cursor:pointer}abbr[title],acronym[title],dfn{cursor:help}img{font-style:italic}textarea{resize:vertical}[disabled]{cursor:default}[aria-disabled=true]{cursor:default;pointer-events:none}.visually-hidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (max-width:512px){.xs-hide{display:none}}:root{font-size:14px}@media (min-width:992px){:root{font-size:16px}}@media (min-width:1366px){:root{font-size:18px}}.with-icon:before{display:inline-block;width:20px;height:20px;content:"";background-size:contain;background-repeat:no-repeat;vertical-align:bottom;margin-right:2px}.with-icon.vk:before{background-image:url(../img/icons/vk.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.vk:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/vk.svg);-webkit-mask-image:url(../img/icons/vk.svg)}}.with-icon.github:before{background-image:url(../img/icons/github.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.github:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/github.svg);-webkit-mask-image:url(../img/icons/github.svg)}}.with-icon.discord:before{background-image:url(../img/icons/discord.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.discord:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/discord.svg);-webkit-mask-image:url(../img/icons/discord.svg)}}.with-icon.skype:before{background-image:url(../img/icons/skype.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.skype:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/skype.svg);-webkit-mask-image:url(../img/icons/skype.svg)}}.with-icon.gmail:before{background-image:url(../img/icons/gmail.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.gmail:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/gmail.svg);-webkit-mask-image:url(../img/icons/gmail.svg)}}.with-icon.bootstrap:before{background-image:url(../img/icons/bootstrap.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.bootstrap:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/bootstrap.svg);-webkit-mask-image:url(../img/icons/bootstrap.svg)}}.with-icon.c:before{background-image:url(../img/icons/c.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.c:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/c.svg);-webkit-mask-image:url(../img/icons/c.svg)}}.with-icon.css:before{background-image:url(../img/icons/css3.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.css:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/css3.svg);-webkit-mask-image:url(../img/icons/css3.svg)}}.with-icon.csharp:before{background-image:url(../img/icons/csharp.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.csharp:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/csharp.svg);-webkit-mask-image:url(../img/icons/csharp.svg)}}.with-icon.cpp:before{background-image:url(../img/icons/cpp.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.cpp:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/cpp.svg);-webkit-mask-image:url(../img/icons/cpp.svg)}}.with-icon.gitlab:before{background-image:url(../img/icons/gitlab.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.gitlab:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/gitlab.svg);-webkit-mask-image:url(../img/icons/gitlab.svg)}}.with-icon.html:before{background-image:url(../img/icons/html5.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.html:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/html5.svg);-webkit-mask-image:url(../img/icons/html5.svg)}}.with-icon.java:before{background-image:url(../img/icons/java.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.java:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/java.svg);-webkit-mask-image:url(../img/icons/java.svg)}}.with-icon.js:before{background-image:url(../img/icons/javascript.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.js:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/javascript.svg);-webkit-mask-image:url(../img/icons/javascript.svg)}}.with-icon.jquery:before{background-image:url(../img/icons/jquery.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.jquery:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/jquery.svg);-webkit-mask-image:url(../img/icons/jquery.svg)}}.with-icon.link:before{background-image:url(../img/icons/link.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.link:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/link.svg);-webkit-mask-image:url(../img/icons/link.svg)}}.with-icon.meteor:before{background-image:url(../img/icons/meteor.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.meteor:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/meteor.svg);-webkit-mask-image:url(../img/icons/meteor.svg)}}.with-icon.mongodb:before{background-image:url(../img/icons/mongodb.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.mongodb:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/mongodb.svg);-webkit-mask-image:url(../img/icons/mongodb.svg)}}.with-icon.nodejs:before{background-image:url(../img/icons/nodejs.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.nodejs:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/nodejs.svg);-webkit-mask-image:url(../img/icons/nodejs.svg)}}.with-icon.ts:before{background-image:url(../img/icons/typescript.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.ts:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/typescript.svg);-webkit-mask-image:url(../img/icons/typescript.svg)}}.with-icon.python:before{background-image:url(../img/icons/python.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.python:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/python.svg);-webkit-mask-image:url(../img/icons/python.svg)}}.with-icon.postgres:before{background-image:url(../img/icons/postgres.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.postgres:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/postgres.svg);-webkit-mask-image:url(../img/icons/postgres.svg)}}.with-icon.gulp:before{background-image:url(../img/icons/gulp.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.gulp:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/gulp.svg);-webkit-mask-image:url(../img/icons/gulp.svg)}}.with-icon.gdrive:before{background-image:url(../img/icons/googledrive.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.gdrive:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/googledrive.svg);-webkit-mask-image:url(../img/icons/googledrive.svg)}}.with-icon.vuejs:before{background-image:url(../img/icons/vuejs.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.vuejs:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/vuejs.svg);-webkit-mask-image:url(../img/icons/vuejs.svg)}}.with-icon.docker:before{background-image:url(../img/icons/docker.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.docker:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/docker.svg);-webkit-mask-image:url(../img/icons/docker.svg)}}.with-icon.linkedin:before{background-image:url(../img/icons/linkedin.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.linkedin:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/linkedin.svg);-webkit-mask-image:url(../img/icons/linkedin.svg)}}.with-icon.aws:before{background-image:url(../img/icons/aws.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.aws:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/aws.svg);-webkit-mask-image:url(../img/icons/aws.svg)}}.with-icon.salesforce:before{background-image:url(../img/icons/salesforce.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.salesforce:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/salesforce.svg);-webkit-mask-image:url(../img/icons/salesforce.svg)}}.with-icon.electron:before{background-image:url(../img/icons/electron.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.electron:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/electron.svg);-webkit-mask-image:url(../img/icons/electron.svg)}}.with-icon.svelte:before{background-image:url(../img/icons/svelte.svg);background-color:rgba(0,0,0,0)}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){.with-icon.svelte:before{background-image:none;background-color:currentColor;mask-image:url(../img/icons/svelte.svg);-webkit-mask-image:url(../img/icons/svelte.svg)}}.nav__list{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-ms-flex-pack:distribute;justify-content:space-around;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#02020a}.nav__list__item{-webkit-box-flex:0;-ms-flex:0 0 100px;flex:0 0 100px}.card{border:1px solid #02020a;color:#02020a;margin:.5em;padding:1em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:4px}.card__head{margin-bottom:.5em;font-weight:600}.card__description{font-size:14px}.card__footer{margin-top:auto}.card__footer__additional{margin:.5em 0;font-size:14px}.card__footer__additional .badges{margin-bottom:2px}.card__footer__link{font-size:80%}.card__footer .with-icon:before{vertical-align:middle}.card--no-border{border:0}.card .with-icon:before{width:16px;height:16px}.card__list{-ms-flex-wrap:wrap;flex-wrap:wrap}.card__list,.card__list-item{display:-webkit-box;display:-ms-flexbox;display:flex}.card__list-item{-webkit-box-flex:1;-ms-flex:1 0 12.5em;flex:1 0 12.5em;list-style:none}.header{height:75px}.header__nav{width:100%;height:100%;text-align:center}.header a{border:0}.nav__list__item.logo svg{width:50px;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.nav__list__item.logo a:focus svg,.nav__list__item.logo a:hover svg{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:75px 0!important}@media (min-width:900px){.main{padding:100px 0!important}}.main h1{text-align:left;padding:0 20px;font-size:28pt;font-weight:500}@media (min-width:900px){.main h1{font-size:36pt}}.main p{text-align:left;padding:0 20px;font-size:14pt;font-weight:400}@media (min-width:900px){.main p{font-size:18pt}}.about__list{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:0 1em}.about__list__item{-webkit-box-flex:0;-ms-flex:0 100%;flex:0 100%;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:.5em 1em;padding:.5em}@media (min-width:768px){.about__list__item{-webkit-box-flex:1;-ms-flex:1 0 calc(50% - 2em);flex:1 0 calc(50% - 2em)}}.books h2 .gdrive,.university h2 .gitlab{line-height:24px;display:inline-block}.books .card__description{list-style:none}.books .card__description li:before{content:"- "}.contacts{padding:20px}@media (min-width:900px){.contacts{padding:40px}}.contacts__list{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.contacts__list__item{-webkit-box-flex:0;-ms-flex:0 0 180px;flex:0 0 180px;margin:2px;text-align:center}@media (min-width:900px){.contacts__list__item{-webkit-box-flex:0;-ms-flex:0 0 220px;flex:0 0 220px}}.contacts__list__item svg{vertical-align:bottom;width:20px;height:20px}.footer{padding:10px;text-align:center}@media (min-width:900px){.footer{padding:20px}}body{background:#f2f4fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#02020a}a{color:inherit;text-decoration:none;padding-bottom:1px;border-bottom:1px solid}a:focus,a:hover{color:#727272;-o-border-image:linear-gradient(-45deg,#e6c200,#e60000 33%,#8200ba 66%,#00ace6) 1;border-image:linear-gradient(-45deg,#e6c200,#e60000 33%,#8200ba 66%,#00ace6) 1}@supports (-webkit-text-fill-color:transparent){a:focus,a:hover{background:linear-gradient(-45deg,#e6c200,#e60000 33%,#8200ba 66%,#00ace6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}}@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) and ((-webkit-mask-repeat: no-repeat) or (mask-repeat: no-repeat)){a:focus .with-icon:before,a:hover .with-icon:before{background-image:linear-gradient(-45deg,#e6c200,#e60000 33%,#8200ba 66%,#00ace6)}}.section{padding:20px 0}@media (min-width:900px){.section{padding:40px 0}}h2{padding:16px 8px;text-align:center;font-weight:400}.slideable{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.slideable:after{content:"";-webkit-box-flex:0;-ms-flex:0 0 10px;flex:0 0 10px}.slideable>:first-child{margin-left:0}.slideable>:last-child{margin-right:-10px}::-moz-selection{color:#02020a;background:#f0f0f0}::selection{color:#02020a;background:#f0f0f0}::-webkit-scrollbar{width:10px;height:8px;background:#cbd3ef;border-radius:20px}::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 10px 10px #02020a;box-shadow:inset 0 0 10px 10px #02020a;border-radius:20px}body::-webkit-scrollbar{width:10px;background:#cbd3ef}body::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 10px 10px #02020a;box-shadow:inset 0 0 10px 10px #02020a;border:0;border-radius:20px}