@import url(https://fonts.googleapis.com/css2?family=Krona+One&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#292929;color:#faf8ff;font-family:Krona One,sans-serif;font-size:16px}@media screen and (max-width:419px){body{font-size:14px}}ul{gap:2em;list-style-type:none}a{color:inherit;text-decoration:none}h2{margin:1em 0}.container{padding:0 50px;width:100%}@media screen and (max-width:1050px){.container{padding:0 40px}}@media screen and (max-width:419px){.container{padding:0 20px}}@-webkit-keyframes headerFromTop{0%{top:-90px}to{top:0}}@keyframes headerFromTop{0%{top:-90px}to{top:0}}header{background:#3f3d4c;border-bottom:1px solid #000;position:absolute;top:0;z-index:1}header.fixed{-webkit-animation:headerFromTop .5s normal;animation:headerFromTop .5s normal;position:fixed}header.fixed nav{height:40px}header.fixed nav .expanded-nav{top:40px}header nav{align-items:center;display:flex;height:80px;justify-content:space-between}header nav .main-nav{align-content:center;display:flex;justify-content:center}header nav .expanded-nav{align-items:center;background-color:#3f3d4c;display:flex;height:60px;left:0;padding:0 2em;position:absolute;top:81px;width:100vw}@media screen and (max-width:504px){header nav .expanded-nav{flex-direction:column;height:100vh;padding:2em}}@media screen and (max-width:1019px){header nav .main-nav{display:none}}header .logo{font-size:30px}.burger-menu{display:none}.burger-menu div{background:#faf8ff;border-radius:1px;height:2px;width:32px}.burger-menu div:nth-child(2){margin:10px 0}.burger-menu__active div:nth-child(2){display:none}.burger-menu__active div:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.burger-menu__active div:last-child{-webkit-transform:rotate(-45deg) translateY(-2px);transform:rotate(-45deg) translateY(-2px)}@media screen and (max-width:1019px){.burger-menu{display:block}}#about-me{padding:5em 0}#about-me .welcome{font-size:3em;margin-bottom:.5em}#about-me .text{padding:5em;text-align:justify;width:50%}@media screen and (max-width:1000px){#about-me .text{width:100%}}@media screen and (max-width:549px){#about-me .text{padding:5em 0}}.skill-filter{display:flex;justify-content:space-between;margin:auto;width:50%}.skill-filter>div{cursor:pointer;padding:.5em;text-align:center;width:100%}.skill-filter>div.active{border-bottom:1px solid #faf8ff}@media screen and (max-width:884px){.skill-filter{width:100%}}.skills-table{gap:1em;justify-content:space-between}.skills-table,.skills-table1{display:flex;padding:50px 0;text-align:center}.skills-table1{-webkit-column-gap:1%;column-gap:1%;flex-direction:column;flex-wrap:wrap;height:192px;row-gap:1em;width:100%}@media screen and (max-width:687px){.skills-table1{height:228px}}@media screen and (max-width:532px){.skills-table1{height:300px}}@media screen and (max-width:470px){.skills-table1{height:auto}}.column{display:flex;flex-direction:column;gap:20px}@-webkit-keyframes detailsAnimate{0%{background-color:rgba(63,61,76,0);height:3em}to{background-color:#3f3d4c;height:100%}}@keyframes detailsAnimate{0%{background-color:rgba(63,61,76,0);height:3em}to{background-color:#3f3d4c;height:100%}}@-webkit-keyframes detailsAnimateReverse{0%{background-color:#3f3d4c;height:100%}to{background-color:rgba(63,61,76,0);height:3em}}@keyframes detailsAnimateReverse{0%{background-color:#3f3d4c;height:100%}to{background-color:rgba(63,61,76,0);height:3em}}.project-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(3,1fr);padding-bottom:5em}@media screen and (max-width:1015px){.project-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:689px){.project-list{grid-template-columns:repeat(1,1fr)}}.card{position:relative}.card__image,.card__image img{height:100%;width:100%}.card__image img{object-fit:cover}.card__content{background:rgba(63,61,76,.85);color:#faf8ff;display:flex;flex-direction:column;gap:1em;height:100%;justify-content:center;left:0;opacity:0;padding:1em;position:absolute;text-align:center;top:0;width:100%}.card__content:hover{opacity:1}.card__name{font-size:20px}.card__description{-webkit-animation:detailsAnimateReverse .3s linear;animation:detailsAnimateReverse .3s linear;background-color:rgba(63,61,76,0);bottom:0;font-size:12px;height:3em;left:0;overflow:hidden;padding:1em;position:absolute;text-align:left;width:100%}@media screen and (max-width:1117px)and (min-width:1015px){.card__description{font-size:11px}}.card__description span{bottom:.5em;cursor:pointer;position:absolute;-webkit-user-select:none;user-select:none}.card__description span:last-child{right:1em}.card__description>div{height:1.5em;opacity:0;transition:opacity .3s linear}.card__description__expanded{-webkit-animation:detailsAnimate .3s linear;animation:detailsAnimate .3s linear;background:#3f3d4c;height:100%}.card__description__expanded>div{opacity:1}.card__url-icons svg{height:40px;margin:0 1em;width:40px}.card__url-icons svg path{fill:#faf8ff}footer{background:#3f3d4c;border-top:1px solid #000;padding-bottom:50px}footer svg{height:25px;margin-right:.5em;width:25px}footer svg path{fill:#faf8ff;stroke:none}footer #contacts>div{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:4em;row-gap:2em}footer #contacts>div a{align-items:center;display:flex;width:50%}footer #contacts>div a:hover{text-decoration:underline}footer #contacts>div a div{display:inline-block}footer #contacts>div a svg{min-height:25px;min-width:25px}@media screen and (max-width:884px){footer #contacts>div a{width:100%}}footer table{width:100%}footer table a{align-items:center;display:flex;gap:10px}footer table td{padding:10px}
/*# sourceMappingURL=main.77f121ea.css.map*/