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}.navbar{display:flex;align-items:center;justify-content:center;position:-webkit-sticky;position:sticky;top:0;background:#fc0;overflow:hidden;z-index:1}.nav-item a:link,a:visited{color:#000;height:100%;padding:14px 25px;text-align:center;text-decoration:none;display:inline-block;margin-left:10px}.nav-item a:active,.nav-item a:hover{color:#fff}.navbar-nav{margin:auto}.navbar-toggler{color:#000}.navbar span{display:flex;justify-content:center}.App,.navbar span{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mycontainer,main{display:flex;flex-direction:column}.mycontainer{background:rgba(192,192,171,.431);margin-left:40px;margin-right:40px}@media (max-width:768px){.mycontainer{margin-left:0;margin-right:0}}.aboutme{background-color:#fff;display:flex;flex-direction:row;margin-top:50px;margin-left:50px;margin-right:50px}img{height:280px;width:280px;text-align:center;margin:10px auto auto}.leftSide,img{justify-content:center;display:flex}.leftSide{width:50%}.leftSide,.rightSide{flex-direction:column;margin-left:50px;margin-top:30px}.rightSide{margin-right:50px;text-align:left}.rightSide,.rightSide h2,h6{display:flex;justify-content:center}.rightSide h2,h6{text-align:center}.picutre{width:50%;height:40px;display:flex}.info{display:flex;flex-direction:row}.infoLeft{width:50%}.infoLeft,.infoRight{display:flex;flex-direction:column}.infoRight{width:100%;margin-left:20px}.download{justify-content:center;text-align:center;margin:auto}.download button{background:#fc0;border-radius:10px}.linkbar{margin:auto}.linkbar a{color:#fff}@media (max-width:768px){.aboutme{display:flex;flex-direction:column}.picutre{width:50%;height:40px;display:flex;justify-content:center;border-radius:50%}.leftSide{width:100%;margin:auto}.rightSide{width:90%;margin-left:30px;margin-right:30px}}.skills{margin-top:30px;margin-left:50px;margin-right:50px}.header,.skills{display:flex;flex-direction:column;justify-content:center;text-align:center}.header{width:140px;margin:auto;padding:7px;border:1px solid #00f}.skillcontainer{display:flex;flex-direction:row;margin-top:30px}.left,.right{display:flex;flex-direction:column;width:40%;text-align:left}.right{margin-left:240px}.left h6,.right h6{display:flex;text-align:center}.item{margin-top:10px}.progress-line{height:15px;width:100%;background:#f0f0f0;position:relative;transform:scaleX(0);transform-origin:left;border-radius:15px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05),0 1px hsla(0,0%,100%,.8);-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) forwards;animation:animate 1s cubic-bezier(1,0,.5,1) forwards}@-webkit-keyframes animate{to{transform:scaleX(1)}}@keyframes animate{to{transform:scaleX(1)}}.progress-line span{height:100%;position:absolute;border-radius:10px;transform:scaleX(0);transform-origin:left;background:#6665ee;-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards;animation:animate 1s cubic-bezier(1,0,.5,1) 1s forwards}.progress-line.html span{width:90%}.progress-line.css span,.progress-line.react span{width:70%}.progress-line.redux span{width:60%}.progress-line.c span{width:90%}.progress-line.cplusplus span{width:70%}.progress-line.javascript span{width:75%}.progress-line.Nodejs span{width:70%}.progress-line.solidity span{width:60%}.progress-line span:before{content:"";top:-10px;height:0;width:0;border-color:#000 transparent transparent;border-style:solid;border-width:7px 0 0 7px}.progress-line span:after,.progress-line span:before{position:absolute;right:0;opacity:0;-webkit-animation:showText2 .5s linear 1.5s forwards;animation:showText2 .5s linear 1.5s forwards}.progress-line span:after{top:-28px;font-weight:500;background:#000;color:#fff;padding:1px 8px;font-size:12px;border-radius:3px}@-webkit-keyframes showText2{to{opacity:1}}@keyframes showText2{to{opacity:1}}.progress-line.html span:after{content:"90%"}.progress-line.css span:after,.progress-line.react span:after{content:"70%"}.progress-line.redux span:after{content:"60%"}.progress-line.c span:after{content:"90%"}.progress-line.cplusplus span:after{content:"70%"}.progress-line.javascript span:after{content:"75%"}.progress-line.Nodejs span:after{content:"70%"}.progress-line.solidity span:after{content:"60%"}.line{text-align:right;padding-top:5px;padding-bottom:5px;color:#fff;border-radius:5px}.bar .progress-line.html span{width:90%}@media (max-width:768px){.skillcontainer{display:flex;flex-direction:column}.left,.right{width:100%}.right{margin-left:0}}.education{margin-top:30px;margin-left:50px;margin-right:50px}.education,.education h4{display:flex;flex-direction:column;justify-content:center}.education h4{text-align:center;width:140px;margin:auto;padding:10px;border:1px solid #00f}.educontainer{display:flex;flex-direction:row}.content{display:flex;flex-direction:column;margin-top:30px}@media (max-width:768px){.educontainer{flex-direction:column}.content.smargin{margin-left:0}}.project{margin:30px 50px}.project,.project h4{display:flex;flex-direction:column;justify-content:center}.project h4{text-align:center;width:140px;margin:auto;padding:10px;border:1px solid #00f}.procontainer{display:flex;flex-direction:row;margin-top:30px;justify-content:center;text-align:center}.contentleft{display:flex;flex-direction:column;width:40%;text-align:left}.contentleft a{margin-left:10px}.contentright{display:flex;flex-direction:column;margin-left:240px;width:40%;text-align:left}.smargin{margin-left:50px}.school{padding:10px;background:#fff;display:flex;flex-direction:column}.educontainer span{padding:0;border-top:4px solid #00f;width:540px;margin-bottom:0;border-radius:5px}.icon{padding:7px;background:#00f;width:50px;height:50px;color:#fff;margin:auto;border-radius:25px;text-align:center}@media (max-width:768px){.procontainer{flex-direction:column}.contentleft{width:100%}.contentright{width:100%;margin-left:0;margin-top:30px}}.mb-4 a{color:#fff}
/*# sourceMappingURL=main.bd1a1132.chunk.css.map */