.account-button-class{padding-bottom:1rem;text-align:center}body{height:100vh;margin:0;min-height:100vh}.login-page-main{align-items:center;background-image:url(/static/media/home.ed4a1ccacc08eb609e56.jpg);display:flex;height:100vh;justify-content:center}.login-page-component{background-color:hsla(0,0%,100%,.8)!important;border-radius:6px;padding:5rem}.login-page-title{font-size:20px;text-align:center}.sign-in-button-div{text-align:center}.register-button{margin-right:10px!important}.d-flex{align-items:center;display:flex}.login-fail{background-color:#fff;border:4px solid rgba(0,0,0,.1);border-radius:2px;left:50%;padding:10px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:400px}.logout-button{float:right}.home-user-name{padding-left:10px;padding-right:10px}.pt-20{padding-top:20px}.text-center{text-align:center}.cursor-pointer{cursor:pointer}.main-bg{background:linear-gradient(-45deg,rgba(197,144,195,.58),#debdef,rgba(228,159,248,.87),rgba(221,166,236,.11));background-size:400% 400%;min-height:100vh}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.snowflake{color:#d6d3f8;font-family:Arial;font-size:2em;text-shadow:0 0 1px #000}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.snowflake{-webkit-animation-duration:10s,3s;animation-duration:10s,3s;-webkit-animation-iteration-count:infinite,infinite;animation-iteration-count:infinite,infinite;-webkit-animation-name:snowflakes-fall,snowflakes-shake;animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-play-state:running,running;animation-play-state:running,running;-webkit-animation-timing-function:linear,ease-in-out;animation-timing-function:linear,ease-in-out;cursor:default;position:fixed;top:-10%;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:9999}.snowflake:nth-of-type(0){-webkit-animation-delay:0s,0s;animation-delay:0s,0s;left:1%}.snowflake:first-of-type{-webkit-animation-delay:1s,1s;animation-delay:1s,1s;left:10%}.snowflake:nth-of-type(2){-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s;left:20%}.snowflake:nth-of-type(3){-webkit-animation-delay:4s,2s;animation-delay:4s,2s;left:30%}.snowflake:nth-of-type(4){-webkit-animation-delay:2s,2s;animation-delay:2s,2s;left:40%}.snowflake:nth-of-type(5){-webkit-animation-delay:8s,3s;animation-delay:8s,3s;left:50%}.snowflake:nth-of-type(6){-webkit-animation-delay:6s,2s;animation-delay:6s,2s;left:60%}.snowflake:nth-of-type(7){-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s;left:70%}.snowflake:nth-of-type(8){-webkit-animation-delay:1s,0s;animation-delay:1s,0s;left:80%}.snowflake:nth-of-type(9){-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s;left:90%}.demo{color:#fff;display:block;margin:0 auto;padding:15px 0;text-align:center}.demo,.demo a{font-family:Raleway,sans-serif}.demo a{color:#000}.text-align-left{text-align:left}.text-align-center{text-align:center}.float-right{float:right}.login-button{margin-right:50px!important}.about-me-context{flex:.7 1;max-width:720px}.about-me-context-title{-webkit-box-pack:justify;color:#8c8989;display:flex;flex-wrap:wrap;font-size:1.2rem;font-weight:700;justify-content:space-between}.about-me-context-text{color:#987ec7;font-size:16px;padding-top:3px;text-transform:none}.about-me-p{margin-bottom:2rem;text-align:left}.about-me-class{display:flex;margin:auto;text-align:center}@media screen and (max-width:720px){.about-me-class{display:block;padding:2rem}}.about-me-header{background-image:url(/static/media/background-image.482c584ebbd915235c3e.jpg);background-position:bottom;background-size:cover;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 85%);clip-path:polygon(0 0,100% 0,100% 100%,0 85%);height:95vh;position:relative}.about-title{margin:auto;text-align:center}.hd-div{left:50%;position:absolute;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hd-h1{color:#fff;text-transform:uppercase}.hd-hello{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;display:block;font-size:4rem;font-weight:300;letter-spacing:10px}@media screen and (max-width:720px){.hd-hello{font-size:3rem}}.hd-name{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight;display:block;font-size:6rem;font-weight:700;letter-spacing:20px;word-spacing:30px}@media screen and (max-width:720px){.hd-name{font-size:3rem}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.title-style{-webkit-background-clip:text;background-image:linear-gradient(90deg,#b0c0d7,#c5a5e0);color:transparent;display:inline-block;font-size:2.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase}.about-me-photo{flex:.3 1}.about-me-main{-webkit-animation:gradient 5s ease infinite;animation:gradient 5s ease infinite;background-color:#eeea;margin:auto;text-align:center}@media screen and (max-width:720px){.about-me-main{display:block;height:100%;min-height:100%}}.photo-main{padding-right:2rem;padding-top:2rem}.header-image{width:100vw}.user-image{border-radius:6px;margin-bottom:10px;margin-top:10px;transition:.5s}.user-image:hover{border-radius:50%}.github-icon{cursor:pointer}.github-icon:hover{opacity:.6}.cake-resume-icon{background:green;border-radius:50%;color:#fff;cursor:pointer;font-size:12px;height:35px;line-height:35px;margin-left:10px;text-align:center;width:35px}.cake-resume-icon:hover{opacity:.6}.icon-list{display:flex;justify-content:center}.skill-div{color:#5578aa;line-height:20px;text-align:left;word-spacing:5px}.button-list{display:flex;margin-bottom:10rem;padding-top:1rem;text-align:left}.learn-button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.experience-button{margin-left:20px}.skill-learn{background-image:linear-gradient(to left bottom,hsla(0,0%,100%,.7),rgba(205,190,234,.12)),url(/static/media/teach.0f12a986fd9badce23aa.jpg);background-position:bottom;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;text-align:center;-webkit-transform:skewY(-7deg);transform:skewY(-7deg);width:100%}@media screen and (max-width:720px){.skill-learn{display:block;height:100%}}.box-learn-detail{background-color:hsla(0,0%,100%,.8);border-radius:3px;box-shadow:0 1.5rem 4rem rgba(0,0,0,.2);font-size:1.5rem;padding:2.5rem;text-align:center;transition:-webkit-transform .3s ease 0s;transition:transform .3s ease 0s;transition:transform .3s ease 0s,-webkit-transform .3s ease 0s;width:33%}.skill-main{align-content:center;align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:114rem;padding:2rem 1rem 0;-webkit-transform:skewY(7deg);transform:skewY(7deg);width:100%}@media screen and (max-width:720px){.skill-main{padding:0}}.card-div{background-color:hsla(0,0%,100%,.6)!important;overflow:hidden;position:relative;width:30%}@media screen and (max-width:720px){.card-div{margin:50px auto;width:70%}}.card-title-h3{color:#818382;font-family:Arial Black;font-size:1.3rem;font-weight:700;margin:0}card-div:before{bottom:0;content:"";-webkit-filter:blur(20px);filter:blur(20px);left:0;margin:-30px;position:absolute;right:0;top:0;z-index:-1}.card-div:hover{-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .2s ease-out .1s;transition:transform .2s ease-out .1s;transition:transform .2s ease-out .1s,-webkit-transform .2s ease-out .1s}.card-div:hover .language-icon{-webkit-transform:rotate(1turn);transform:rotate(1turn);transition:.5s}.card-div:hover .build-icon{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:.5s}.card-div:hover .assignment-icon{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);transition:.5s}.card-div:not(:hover){transition:-webkit-transform .2s ease-out .1s;transition:transform .2s ease-out .1s;transition:transform .2s ease-out .1s,-webkit-transform .2s ease-out .1s}.card-div:not(:hover) .build-icon,.card-div:not(:hover) .language-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.5s}.card-div:not(:hover) .assignment-icon{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);transition:.5s}.ul-dots-remove{color:#777;font-size:1.3rem}.ul-dots-remove,.ul-dots-remove-8{list-style-type:none;margin:0;padding:0}.ul-dots-remove-8 .li-test{color:#777;float:left;font-size:1.1rem;padding-bottom:10px;width:50%}.language-icon{color:rgba(85,120,170,.7)}.experience{min-height:50vh;padding-top:10rem;text-align:center}@media screen and (max-width:720px){.experience{display:block;height:100%}}.experience-title{-webkit-background-clip:text;background-image:linear-gradient(90deg,#b0c0d7,#c5a5e0);color:transparent;display:inline-block;font-size:2.5rem;font-weight:500;letter-spacing:2px;text-align:center;text-transform:uppercase}.experience-title h3{margin:0}@media screen and (max-width:720px){.experience-main{padding:0}}.timeline{color:#000;padding:30px 20px;text-align:left}.ul-class{margin:2rem auto;position:relative;width:60%}@media screen and (max-width:720px){.ul-class{width:100%}}.timeline ul{border-left:2px solid #094a68;list-style-type:none;padding:10px 5px}.timeline ul li{cursor:pointer;padding:20px;position:relative;transition:.5s}.li-span{background-color:#1685b8;border-radius:6px;color:#fafafa;display:inline-block;font-size:1.2rem;margin:0;padding:.3rem 2rem;transition:background-color .5s ease-out .1s}@media screen and (max-width:720px){.li-span{padding:.3rem .5rem}}.timeline ul li .content h3{color:#737373;font-size:17px;font-weight:700;padding-top:5px}.timeline ul li .content p{color:hsla(0,0%,45%,.99);font-size:17px;padding-top:5px}.timeline ul li .content h5{color:#776d6d;font-size:16px;font-weight:600;margin-bottom:.8rem;margin-top:0}.timeline ul li .content h5:before{content:"- ";display:inline-block;font-size:16px;margin:0 .3rem 0 0}.timeline ul li:before{background-color:#34ace0;content:"";height:10px;left:-11px;outline:.5rem solid hsla(0,0%,58%,.98);position:absolute;top:28px;transition:.5s;width:10px}.timeline ul li:hover:before{background-color:#c996f6;outline:.5rem solid rgba(206,212,225,.7);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.timeline ul li:hover .li-span{background-color:rgba(205,130,238,.9)}.experience-position{display:inline-block;font-size:1rem;font-weight:500;margin:0 1.6rem}@media screen and (max-width:720px){.experience-position{font-size:.7rem;margin:0 .5rem}}.experience-work-skill-list{display:flex;flex-wrap:wrap;justify-content:flex-end;margin-top:.8rem}.experience-work-skill-item{border:.1rem solid #5578aa;border-radius:5rem;color:#5578aa;font-size:1rem;font-weight:500;margin:.4rem;padding:.1rem 1rem}.text-filed{border:none;border-radius:5px;box-sizing:border-box;font-size:20px;height:300px;margin:auto;outline:none;padding:10px;resize:none;width:100%}.text-filed-div{margin:0 auto 20px;max-width:100%;padding-bottom:20px;width:500px}.title-label{color:#0ca0f9;font-size:40px;margin:0;padding-bottom:10px;text-align:center}.message-submit-button{height:30px}.message-submit-button:hover{background-color:#c2e2f6!important}.leave-message-div{background-color:#e0e0e0;border-radius:5px;min-height:300px;padding:20px}.leave-message-main,.leave-message-main-leave{margin:20px auto;max-width:100%;width:500px}.leave-content{padding:20px}.message-name{color:#34ace0}.message-date{color:#8d8686}.message-data{padding-top:10px}.message-delete-button:hover,.message-edit-button:hover{background-color:transparent!important;color:red}.padding-left-10{padding-left:10px!important}.leave-message-text-filed{border:none;border-radius:5px;box-sizing:border-box;font-size:20px;height:150px;margin:auto;outline:none;padding:10px;resize:none;width:100%}.margin-left-minus-15{margin-left:-15px!important}.leave-edit-message-text{max-width:100%;padding-left:10px}.delete-article-text{color:#cd5c5c;justify-content:center;padding:20px;width:265px}.delete-warning-icon{color:#cd5c5c}.delete-text{font-size:20px;font-weight:700}.delete-button-submit{color:#cd5c5c}
/*# sourceMappingURL=main.b764c1dd.css.map*/