@import url(https://fonts.googleapis.com/css?family=Philosopher);@import url(https://fonts.googleapis.com/css?family=Dancing+Script);@import url(https://fonts.googleapis.com/css?family=ZCOOL+XiaoWei);@import url(https://fonts.googleapis.com/css?family=Merriweather|Sawarabi+Mincho|ZCOOL+XiaoWei);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{overflow-x:hidden}@media only screen and (max-width:350){html{overflow-x:hidden}}#root{max-width:100%}.particles{bottom:0;height:100%;left:0;position:fixed;right:0;width:100%;z-index:-1}.header-color{background:#141e30;background:linear-gradient(90deg,#243b55,#141e30);opacity:.6}.header-color :hover{color:#ff0}.menu_btn{display:flex;flex-direction:column;justify-content:center}.home-page:before{background-color:#141e30;background-position:50% 0;background-repeat:no-repeat;background-size:cover;content:" ";display:block;height:100vh;left:0;position:absolute;top:0;width:100%;z-index:-1}.profile-img{border-radius:50%;box-shadow:5px 5px 5px #ffffe0;display:block;height:150px;margin-left:auto;margin-right:auto;margin-top:50px;width:150px}.name-css{color:#fff;font-family:Dancing Script,cursive;font-size:4rem;font-weight:100;text-align:center}.surname{color:#ff0}.sub-detail{font-size:20px}.sub-detail,.sub-detail2{color:#fff;font-family:Dancing Script,cursive;font-weight:20;letter-spacing:2px;margin-top:-25px;text-align:center}.sub-detail2{font-size:26px}.listposition{float:right}.about-css{margin-top:200px;width:100%}.head-about{color:#fff;font-family:Dancing Script,cursive;font-size:50px;text-align:center}.content-about{display:block;height:auto;margin-left:auto;margin-right:auto;width:1000px}@media only screen and (max-width:1280px){.content-about{width:auto}}.about-detail1{font-size:25px;opacity:1}.about-detail,.about-detail1{font-family:ZCOOL XiaoWei,serif;padding:20px}.about-detail{font-size:20px;opacity:.9}.about-sub-detail{font-family:Merriweather,serif;font-size:15px;opacity:.8}.education-detail{font-family:ZCOOL XiaoWei,serif;font-size:25px;padding:20px}.bach-course{font-size:20px;opacity:.8}.bach-subject{font-family:Merriweather,serif;font-size:15px;opacity:.8}.bach-date{float:right;opacity:.8}.jik{margin-left:70px}p i{opacity:.8;padding:20px}p i:first-child{color:rgba(2,2,28,.84)}p i:nth-child(2){color:#20b2aa}p i:nth-child(3){color:#ff0}p i:nth-child(4){color:#87cefa}p i:nth-child(6){color:#90ee90}p i:nth-child(5){color:#ffa07a}ul li{font-family:ZCOOL XiaoWei,serif;font-size:19px;padding:10px}.achievements{font-size:19px;padding:20px}.bg_color{background:#141e30;background:linear-gradient(90deg,#243b55,#141e30);background-position:100% 0;background-repeat:no-repeat;background-size:cover;display:block;left:0;position:absolute;width:100%}.expbg_color{background-color:#ffffe0}.about_row{display:flex;flex-direction:row;margin-bottom:20%;margin-top:30%}.profile-pic{display:block;height:100%;margin-left:auto;margin-right:auto;width:80%}.contact-about{display:flex;flex-direction:row}@media only screen and (max-width:800px){.about_row{flex-direction:column;margin-top:75%}.profile-pic{height:auto;width:100%}.new_about{text-align:center}.contact-about{display:flex;flex-direction:column}}.exp_heading{color:#cac531;font-size:40px;text-align:center}.workchips{grid-row-gap:1em;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin-top:10%}.workcard{background:#2c3e50;background:linear-gradient(180deg,#4ca1af,#2c3e50);color:#fff;width:345px}@media only screen and (max-width:800px){.workchips{grid-column-gap:1rem;grid-row-gap:2em;align-items:center;-webkit-column-gap:1rem;column-gap:1rem;display:grid;justify-content:center;width:100%}}@media (min-width:800px) and (max-width:1080px){.workchips{display:flex;flex-wrap:wrap;justify-content:space-evenly}}.edu_row{margin-top:30%;width:100%}.edulist{color:#ff0;display:block;margin-left:auto;margin-right:auto}.footer{margin-top:10%;opacity:.7;width:100%}.footer-a{display:flex;flex-wrap:wrap;justify-content:center}.footer-a i{color:#fff;font-size:18px;padding:20px}.skill_row{box-sizing:border-box;width:100%}.container{background-color:#fff;margin-left:25%;margin-right:20%;width:50%}.skills{color:#fff;height:1px;text-align:right}.wrapper_skill p{color:#fff;margin-left:25%}.C{width:85%}.C,.JAVA{background-color:#ff0}.JAVA{width:80%}.html{width:90%}.css,.html{background-color:#ff0}.css{width:80%}.js{width:85%}.js,.react{background-color:#ff0}.react{width:75%}.node{width:70%}.db,.node{background-color:#ff0}.db{width:65%}.python{background-color:#ff0;width:50%}.center-div{display:grid;place-items:center}.blog-list-container{padding:20px}.blog-list-heading{color:#fff}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}
/*# sourceMappingURL=main.27879db1.css.map*/