@import url(https://fonts.googleapis.com/css?family=Montserrat);*{margin:0;padding:0;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{scroll-behavior:smooth}@media screen and (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.grids{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:5px}body::-webkit-scrollbar{width:.4em}body::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.3)}body::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}body{font-size:1.2em;line-height:1.5;font-family:Montserrat,sans-serif;background-color:#000}.Header__text{font-size:.4em;color:hsla(0,0%,98%,.6)}.Header__link{color:#fff;background-color:#af1414;padding:10px 60px;display:inline-block;font-size:.6em;text-decoration:none;line-height:1}.Header__link:hover{background-color:#3a2e2e}.container{display:flex}.Header{width:100%;height:100vh;background-image:url(https://raw.githubusercontent.com/olegobiukh/other/master/portfolio/background/header.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.Header__background{width:100%;height:100%;justify-content:center;align-items:center;background-color:rgba(0,0,0,.7)}.Header__box{font-size:2.7em;text-align:center;color:#fff}.burger{display:none}.nav{position:fixed;top:0;width:100%;height:55px;padding-top:10px;padding-right:15px;background-color:#fff;font-size:1em;box-shadow:0 2px 5px 0 rgba(0,0,0,.75);z-index:10}.nav__wrapper{max-width:1000px;padding-left:5%}.nav__menu{margin:0;vertical-align:middle;list-style:none}.nav__item{display:inline-block;margin-right:70px}.nav__link{text-transform:uppercase;color:#292d33;text-decoration:none}.nav__link:hover{color:#ff0828;text-decoration:underline;-webkit-transition:color .4s ease-in;transition:color .4s ease-in}.wrapper{width:90%;margin:0 auto;justify-content:space-between}.About{width:100%;color:#fff;background-image:url(https://raw.githubusercontent.com/olegobiukh/other/master/portfolio/background/about.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.About__background{width:100%;height:100%;background:rgba(0,0,0,.5);padding-top:150px;padding-bottom:250px}.About__container,.Skill{width:48%}.About__title,.Projects__title{display:inline-block;border-bottom:4px solid #fff;font-size:2.6em;color:#fff}.About__text{margin-top:20px}.About__link{display:inline-block;margin-top:49px;padding:11px 15px;background-color:#af1414;color:#fff}.About__link:hover{background-color:#3a2e2e;-webkit-transition:background-color .3s ease-in;transition:background-color .3s ease-in}.Skill{padding-top:70px}.Skill__item{display:inline-block;width:100px;height:100px}.Skill__item:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-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}.Projects{width:100%;color:#fff;background-image:url(https://raw.githubusercontent.com/olegobiukh/other/master/portfolio/background/projects.jpg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.Projects__background{width:100%;height:100%;background-color:rgba(0,0,0,.8);padding-top:150px;padding-bottom:300px}.Projects__box{margin-top:100px}.card-container{position:relative;width:100%;height:400px}.card{height:100%;position:absolute;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:100%}.card:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.side{background-size:cover;background-position:0 100%}.card__link{font-size:1.8em;color:#0087cc}.card .side{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:6px;height:100%;position:absolute;overflow:hidden;width:100%}.card .back{background:#eaeaed;color:#575b5d;line-height:1.3;text-align:center;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card__additional-info{margin-top:180px;display:inline-block}.Toolbar{justify-content:space-between;margin-top:75px}.Btn{letter-spacing:5px;width:19%;padding:9px 0;border:none;color:#fff;font-size:1.2em;text-transform:uppercase;text-align:center;cursor:pointer}.Btn:hover{background-color:rgba(0,0,0,.5);-webkit-transition:background-color .5s ease-in-out;transition:background-color .5s ease-in-out}.Btn__all{background-color:rgba(169,18,18,.9)}.bgColor__js,.Btn__js{background-color:rgba(18,169,63,.9)}.bgColor__fe,.Btn__fe{background-color:rgba(255,115,0,.9)}.bgColor__react,.Btn__react{background-color:#083e94}.bgColor__redux,.Btn__redux{background-color:rgba(119,10,128,.9)}.Btn__all:hover{background-color:rgba(169,18,18,.6)}.Btn__js:hover{background-color:rgba(18,169,62,.6)}.Btn__react:hover{background-color:rgba(8,62,148,.6)}.Btn__redux:hover{background-color:rgba(119,10,128,.6)}.Btn__fe:hover{background-color:rgba(255,114,0,.6)}.card-back{height:100%;width:100%;position:absolute;top:0;left:0;background-color:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transition:.5s;transition:.5s;color:#fff;text-align:center}.card-back .card__title{margin:27% auto 35%;font-size:26px}.card-back span{font-size:20px}.Footer{background-color:#000;color:#fff;padding-top:100px;padding-bottom:20px}.Footer__social{justify-content:space-between;width:80px;font-size:2em}.Footer__social a{color:#fff}.Footer__social a:hover{color:#bd2020;-webkit-transition:color .5s ease-in;transition:color .5s ease-in}.Footer__social i{vertical-align:bottom}.Footer__text{font-size:15px;align-self:flex-end;text-align:right}@media only screen and (max-width:768px){.wrapper{flex-wrap:wrap}.Header__background{align-items:flex-start;padding-top:150px;padding-bottom:250px}.Header{height:auto}body input+label{position:fixed;top:40px;right:40px;height:20px;width:15px;z-index:5}body input+label span{position:absolute;width:100%;height:2px;top:50%;margin-top:-1px;left:0;display:block;background:#020304;-webkit-transition:.5s;transition:.5s}body input+label span:first-child{top:3px}body input+label span:last-child{top:16px}body label:hover{cursor:pointer}body input:checked+label span{opacity:0;top:50%}body input:checked+label span:first-child{opacity:1;-webkit-transform:rotate(405deg);transform:rotate(405deg)}body input:checked+label span:last-child{opacity:1;-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}body input:checked~nav{height:100%;-webkit-transition-delay:0s;transition-delay:0s}.burger-icon{position:fixed;top:5px;left:10px;display:block;z-index:11;cursor:pointer;font-size:22px}.nav{position:fixed;background:#fff}.nav__wrapper{position:fixed;display:block;width:200px;height:100vh;margin:0;top:0;left:-200px;bottom:0;padding-top:70px;padding-left:20px;background-color:#fff;line-height:1.6;z-index:3;-webkit-transition:left 1s ease;transition:left 1s ease}.nav__item{display:block}.burger:checked~.nav{background:transparent}.burger:checked~.nav .nav__wrapper{left:0;-webkit-transition:left 1s ease;transition:left 1s ease}.burger:checked~.container__background{display:block;width:100%;height:100vh;background-color:rgba(37,48,48,.7);overflow:hidden}.About__container,.Skill{width:100%}.Btn{font-size:.8em}}@media only screen and (max-width:690px){.grids{grid-template-columns:repeat(2,1fr)}.Header__box{font-size:1.8em}}@media only screen and (max-width:630px){.About__title,.Projects__title{font-size:1.8em}}@media only screen and (max-width:510px){.Btn{font-size:.6em}}@media only screen and (max-width:425px){body{font-size:1.2em}.Header__title{font-size:.8em}}@media only screen and (max-width:440px){.grids{grid-template-columns:repeat(1,1fr)}.Toolbar{display:none}}@media only screen and (max-width:350px){.Skill__item{width:95px}}
/*# sourceMappingURL=main.6e3c6ac0.chunk.css.map */