body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}body{overflow-x:hidden}.section-1{padding-top:100px}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:40vmin}.ant-menu-horizontal{z-index:3}.App-header{display:flex;font-size:calc(10px + 2vmin);z-index:3}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ant-carousel .slick-vertical .slick-slide{display:flex;justify-content:center}.bodyContent{display:flex!important;justify-content:center;align-items:center}.ant-carousel .slick-dots li button{background:#000}.ant-carousel .slick-slide{height:160px;line-height:160px}.avatarContent{padding:0 20px}.section-2{background:#edeeef;min-height:200px;padding-top:20px;margin-top:30px}.section-2__content{max-width:1280px;margin-left:auto;margin-right:auto;padding:96px 60px}h1{font-size:50px}h3{font-size:20px}.comment-section{display:flex;flex-direction:column;max-width:1280px;margin-left:auto;margin-right:auto;padding:20px 60px;max-height:410px;margin-top:30px}.comment-section__content{display:flex}.ant-comment-content{text-align:left}.skillsSection{max-width:1280px;margin-left:auto;margin-right:auto;padding:96px 60px;min-height:410px}.flexSection{display:flex}.skillsSection .ant-card{margin-right:10px}.skillsSection .ant-card:last-child{margin-right:0}.skill-card{margin-right:20px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);cursor:pointer;width:20%;height:0}.skill-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.skill-card .skill-card__header,.skill-card:hover .skill-card__header{height:100px}.skill-card:hover .skill-card__header .skill-card__icon{-webkit-transform:translateY(20%) translateX(40%) scale(3);transform:translateY(20%) translateX(40%)scale(3)}.skill-card:hover .skill-card__body{height:190px}.skill-card:hover .skill-card__body .skill-card__knowledge li{-webkit-transform:translateX(0);transform:translateX(0);transition-timing-function:cubic-bezier(0,1.5,1,1);transition-duration:.5s}.skill-card:hover .skill-card__body .skill-card__knowledge li:first-child{transition-delay:.25s}.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(2){transition-delay:.5s}.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(3){transition-delay:.75s}.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(4){transition-delay:1s}.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(5){transition-delay:1.25s}.skill-card:hover .skill-card__body .skill-card__knowledge li:nth-child(6){transition-delay:1.5s}.skill-card .skill-card__header{position:relative;background-color:#eb6c3f;height:170px;transition:height .5s;overflow:hidden}.skill-card .skill-card__header.skill-javascript{background-color:rgba(255,203,0,.18)}.skill-card .skill-card__header.skill-css{background-color:rgba(55,154,214,.26)}.skill-card .skill-card__header.skill-data{background-color:#005a78}.skill-card .skill-card__header.skill-other{background-color:rgba(55,154,214,.26)}.skill-card .skill-card__header .skill-card__icon{-webkit-transform:translateY(20%) translateX(40%);transform:translateY(20%) translateX(40%);width:128px}.skill-card .skill-card__header .skill-card__icon,.skill-card .skill-other .skill-card__icon{display:block;height:128px;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.skill-card .skill-other .skill-card__icon{-webkit-transform:translateY(20%) translateX(0);transform:translateY(20%) translateX(0);width:auto}.skill-card:hover .skill-other .skill-card__icon{-webkit-transform:translateY(20%) translateX(0) scale(3);transform:translateY(20%) translateX(0)scale(3)}.skill-card .skill-card__body{height:40px;transition:height .5s;overflow:hidden}.skill-card .skill-card__body .skill-card__title{font-size:1.4em;font-weight:600;text-transform:uppercase}.skill-card .skill-card__body .skill-card__duration{color:#9e9e9e;font-style:italic}.skill-card .skill-card__body .skill-card__knowledge{padding:0;color:#424242}.skill-card .skill-card__body .skill-card__knowledge li{list-style:none;margin-top:5px;transition-duration:0;transition-delay:.5s;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.ant-message-notice .ant-avatar{margin-right:5px}.section-0{margin-top:30px;height:600px;display:flex;justify-content:center;align-items:center;color:#fff;background-repeat:no-repeat;background-position:50%;background-size:cover;background-blend-mode:saturation}.section-0 div{z-index:2}.section-99:before{content:"";display:block;position:absolute;top:80px;left:0;z-index:1;width:100%;height:600px}.ant-carousel .slick-slide{text-align:center;overflow:hidden;max-height:400px}.ant-carousel .slick-slide h3{color:#000}.test{left:0;top:-111.38px;width:1440px;height:959.76px;position:relative}#player{position:absolute;top:0;bottom:0;left:0;right:0}.background-video.ready{width:1440px;height:810px;left:0;top:-36.5px;position:absolute;min-width:100%;min-height:100%;z-index:0;transition:opacity .2s ease-in;border-width:0}@media (min-width:1440px){.background-video.ready{height:auto;width:auto}.section-2{margin-top:170px}}.section-0 .text-align-center{color:#fff}.ant-menu-horizontal{border:none}.ant-menu{background:none}.anticon{color:#1890ff}.footer{background-color:#26262a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;margin-left:auto;margin-right:auto;padding:96px 60px;width:100%;color:#fff;flex-direction:column}.footer__content-1{font-weight:400;font-style:normal;font-size:42px;letter-spacing:0;line-height:1.8em;text-transform:none}.footer__content-2{color:hsla(0,0%,100%,.4)}@media (max-width:768px){.App-header{display:inherit}h1{font-size:30px}h3{font-size:15px}.ant-message{max-width:100vw;z-index:3}.ant-menu{background:#001529}.section-0__top{position:absolute;top:200px;left:0}.section-0__top-2{position:absolute;top:300px;left:0}.skill-card{width:100%;height:auto;margin:0 0 20px}.skill-card .skill-card__header .skill-card__icon{-webkit-transform:translateY(20%) translateX(65%);transform:translateY(20%) translateX(65%)}.skill-card .skill-other .skill-card__icon{-webkit-transform:translateY(20%) translateX(15%);transform:translateY(20%) translateX(15%)}.skillsSection{padding:10px 60px}.comment-section__content{flex-wrap:wrap}.comment-section{height:auto;max-height:100%}.flexSection{flex-wrap:wrap}.footer{padding:20px 64px}.footer__content-1{font-size:25px}.background-video.ready{max-width:100vw;display:none}.ant-layout-sider.ant-layout-sider-dark.ant-layout-sider-below{position:absolute}}.ant-layout-sider{background:transparent;z-index:5}.ant-layout-sider-zero-width-trigger{top:5px}.ant-menu-submenu-title{color:#fff}.ant-comment-content-author>a,.ant-comment-content-author>span{height:auto}.buttonGithub{margin-top:10px}
/*# sourceMappingURL=main.f16557e4.chunk.css.map */