body{margin: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}.first-box{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20%}.first-box h1{color:#606060;font-size:50px;line-height:24px;letter-spacing:2.5px;font-weight:500;-webkit-text-decoration:none solid #606060;text-decoration:none solid #606060}@-webkit-keyframes shake{50%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(60px);transform:translateY(60px)}}@keyframes shake{50%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(60px);transform:translateY(60px)}}.scroll-down{height:75px;-webkit-animation:shake 2.6s;animation:shake 2.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.center{text-align:center;margin-bottom:50px}.second-box{display:flex;justify-content:center;align-items:center;margin:0 3% 10%;background-color:#f7f7f7;padding:2%}.second-left{width:30%}.second-left img{width:100%;object-fit:cover}.second-right{width:100%;padding:5%}.second-right p{color:grey}.second-sidebar{display:flex;flex-direction:column}.second-sidebar img{margin-bottom:20px}.second-footer{display:flex;text-align:center;justify-content:space-between}.second-footer a{text-decoration:none;color:#606060}.second-footer a:hover{color:#000}.resume{background-color:#76a7d4;color:#fff;padding:1%;cursor:pointer}.third-box{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 10% 10%;text-align:center}.third-small-boxes{margin:20px}.third-small-boxes img{height:100px}.forth-box{display:flex;justify-content:space-around;flex-wrap:wrap;margin:0 5% 10%}.forth-project-box{width:460px;height:230px;text-align:center;border:1px solid #000;position:relative;margin:20px}.forth-project-box:hover .forth-project-text{display:block;font-size:smaller}.forth-project-box a{text-decoration:none;line-height:24px;letter-spacing:1.5px;color:#000}.forth-project-box img{width:100%;height:100%}.forth-project-text{position:absolute;top:50%;left:50%;background-color:#fff;width:460px;height:230px;display:none;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.forth-middle{padding:0 10px;color:#606060;line-height:18px;letter-spacing:1.2px}.fifth-box{padding:5%;text-align:center;background-color:#f7f7f7}@media only screen and (max-width:1650px){.second-footer{font-size:12px!important}.forth-project-text{font-size:9px!important}}@media only screen and (max-width:1420px){.third-box{margin:0 10% 10%}.third-small-boxes{margin:10px}.third-small-boxes img{height:70px}.second-footer{font-size:smaller}}@media only screen and (max-width:1250px){.main-container{font-size:smaller}.second-left img{width:80%}.second-right{width:80%;padding:4%}.second-sidebar img{margin-bottom:10px;width:35px}.second-footer{font-size:10px!important}}@media only screen and (max-width:1115px){.forth-box{margin:0 5% 5%}.forth-project-box{width:350px;height:180px;margin:10px}.forth-project-box a{line-height:15px;letter-spacing:1px}.forth-project-text{width:350px;height:180px;font-size:7px!important}.second-footer{font-size:9px!important}}@media only screen and (max-width:940px){.first-box{margin:15%}.first-box h1{font-size:30px}.scroll-down{height:45px}.center{font-size:medium;margin-bottom:40px}.second-footer{font-size:7px!important}.third-box{margin:0 7% 7%}.third-small-boxes{margin:8px}.third-small-boxes img{height:50px}}@media only screen and (max-width:800px){.second-left img{width:80%}.second-right{width:90%;padding:2%}.second-sidebar img{margin-bottom:5px;width:25px}.resume{font-size:smaller}.second-footer{font-size:6px!important}.forth-box{margin:0 3% 5%}.forth-project-box{width:300px;height:150px;margin:10px}.forth-project-box a{line-height:10px;letter-spacing:1px}.forth-project-text{width:300px;height:150px;font-size:4px!important}}@media only screen and (max-width:685px){.second-left img{width:80%}.second-right{width:70%;padding:1%;font-size:9px}.second-footer{font-size:6px}.second-sidebar img{margin-bottom:3px;margin-left:5px;width:20px}.resume{font-size:smaller}.forth-box{margin:0 3% 5%}.forth-project-box{width:300px;height:150px;margin:10px}.forth-project-box a{line-height:15px;letter-spacing:1px}.forth-project-text{width:300px;height:150px;font-size:5px!important}.third-box{margin:0 5% 5%;font-size:smaller}.third-small-boxes{margin:8px}.third-small-boxes img{height:30px}}@media only screen and (max-width:600px){.second-box{flex-direction:column;margin:0 0 10%;padding:3%;text-align:center}.second-sidebar{display:flex;flex-direction:row;margin:20px}.second-sidebar img{margin-bottom:0}@-webkit-keyframes shake{50%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}}@keyframes shake{50%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(30px);transform:translateY(30px)}}.second-footer{font-size:5px!important}}@media only screen and (max-width:480px){.first-box h1{font-size:20px}.first-box p{font-size:8px}.scroll-down{height:30px}.center{font-size:medium;margin-bottom:10px!important}.second-footer{font-size:4px!important}}@media only screen and (max-width:450px){.third-box{margin:0 5% 7%;font-size:smaller}.third-small-boxes{margin:8px}.third-small-boxes img{height:25px}.fifth-box{font-size:smaller}.title{font-size:12px}.fifth-box{font-size:8px}.forth-box{margin:0 3% 5%}.forth-project-box{width:300px;height:150px}.forth-middle{padding:0 5px;line-height:10px;letter-spacing:1.5px}.forth-project-text{width:300px;height:150px;font-size:6px!important}}@media only screen and (max-width:365px){.first-box{margin-bottom:30%}.first-box h1{font-size:15px}.first-box p{font-size:7px}.scroll-down{height:20px}.center{font-size:medium;margin-bottom:8px!important}@-webkit-keyframes shake{50%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}@keyframes shake{50%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(10px);transform:translateY(10px)}}.scroll-down{-webkit-animation:shake 2.6s;animation:shake 2.6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.title{font-size:9px}.second-footer{font-size:3px!important}.third-box{margin:0 4% 10%;font-size:8px}.third-small-boxes{margin:10px}.third-small-boxes img{height:25px}.forth-box{margin:0 3% 5%}.forth-project-box{width:200px;height:100px}.forth-middle{padding:0 5px;line-height:10px;letter-spacing:1.5px}.forth-project-text{width:200px;height:100px;font-size:3px!important}}
/*# sourceMappingURL=main.7a381de4.chunk.css.map */