@-webkit-keyframes fadeOpacity{0%{background-color:#112350}33%{background-color:#172d66}66%{background-color:#19316e}to{background-color:#1c377c}}@-webkit-keyframes appear{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}*{margin:0;padding:0;box-sizing:content-box}html{font-family:Roboto,-apple-system,BlinkMacSystemFont,Oxygen,Ubuntu,Cantarell,sans-serif;scroll-behavior:smooth}body{background:-webkit-gradient(linear,left top,left bottom,from(#112350),to(#162b61));background:linear-gradient(#112350,#162b61);color:#ccd6f6}a{text-decoration:none}ul{list-style-type:none}.bluer{color:#61dafb}@-webkit-keyframes onLoadGo{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}@keyframes onLoadGo{0%{opacity:0}25%{opacity:.25}50%{opacity:.5}75%{opacity:.75}to{opacity:1}}.loading{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;background:#112350}.loading .logo{padding:2rem;font-family:Inconsolata,monospace;font-size:10rem;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.loading .logo .logo-minus{color:#61dafb;padding-right:1.1rem}.loading .logo .logo-main,.loading .logo .logo-minus{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.loading .logo .logo-main{color:#fff}.loading .logo .logo-greater{color:#61dafb;padding-left:1rem;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}33%{opacity:.3}66%{opacity:.6}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}33%{opacity:.3}66%{opacity:.6}to{opacity:1}}.navbar{font-family:Inconsolata,monospace;background-color:#112350;box-shadow:-3px 1px 24px 1px #0e1b3d;display:flex;justify-content:space-between;min-height:5rem;align-items:center;position:fixed;width:100%;top:0;z-index:999}.navbar .logo{font-family:Roboto,sans-serif;cursor:pointer;flex:1 1;padding-left:8rem}.navbar .logo-minus{color:#61dafb}.navbar .logo-main{color:#fff}.navbar .logo-greater{color:#61dafb}.navbar .nav-list{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-right:1rem}.navbar .nav-list-item a{color:#ccd6f6;margin-right:2rem}.navbar .nav-list-item a .nav-links-num,.navbar .nav-list-item a:hover{color:#61dafb}.navbar .resume{cursor:pointer;outline:none;background:transparent;color:#61dafb;border:2px solid #61dafb;padding:.4rem .6rem;font-size:1rem;font-family:Inconsolata,monospace;border-radius:13%;letter-spacing:.05rem;margin-right:4rem}.navbar .resume:hover{-webkit-animation:fadeOpacity .4s;animation:fadeOpacity .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes gone{0%{top:0}10%{top:-10px}20%{top:-20px}30%{top:-30px}40%{top:-40px}50%{top:-50px}60%{top:-60px}70%{top:-70px}80%{top:-80px}90%{top:-90px}to{top:-100px}}@keyframes gone{0%{top:0}10%{top:-10px}20%{top:-20px}30%{top:-30px}40%{top:-40px}50%{top:-50px}60%{top:-60px}70%{top:-70px}80%{top:-80px}90%{top:-90px}to{top:-100px}}@-webkit-keyframes notGone{0%{top:-100px}50%{top:-20px}to{top:0}}@keyframes notGone{0%{top:-100px}50%{top:-20px}to{top:0}}.notnav{font-family:Inconsolata,monospace;background-color:#112350;box-shadow:-3px 1px 24px 1px #0e1b3d;display:flex;min-height:5rem;align-items:center;position:fixed;width:100%;top:0;z-index:999}.notnav .logo{font-family:Roboto,sans-serif;padding-left:8rem;cursor:pointer}.notnav .logo-minus{color:#61dafb}.notnav .logo-main{color:#fff}.notnav .logo-greater{color:#61dafb}.landing{padding-top:8rem;margin:0 auto;width:60%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.landing .hey{font-family:Inconsolata,monospace;color:#61dafb;font-size:1.2rem;font-weight:100}.landing .name{font-size:6rem;padding-top:.2rem}.landing .hard{font-family:Inconsolata,monospace;font-size:1.2rem}.landing .intro{font-size:3rem}.landing .desc,.landing .intro{padding-top:2.5rem;color:rgba(204,214,246,.61)}.landing .desc{font-size:1.1rem;width:65%;line-height:1.5rem}.landing .find-more{cursor:pointer;margin-top:2.2rem;outline:none;background:transparent;color:#61dafb;border:2px solid #61dafb;padding:1rem;font-weight:600;border-radius:9%}.landing .find-more:hover{-webkit-animation:fadeOpacity .4s;animation:fadeOpacity .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.socials{position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;bottom:0;left:4rem}.socials a{text-decoration:none;color:#fff}.socials .icon{margin-bottom:2.2rem;cursor:pointer;color:#fff}.socials .icon:hover{color:#61dafb}.socials .line{border-left:1px solid #fff;padding-bottom:7rem}.fixed-contacts{position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;bottom:0;right:-6.5rem}.fixed-contacts a{text-decoration:none;color:#fff;font-family:Inconsolata,monospace;letter-spacing:.2rem}.fixed-contacts a .fixed-contact-me:hover{color:#61dafb}.fixed-contacts .c-text{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin-bottom:11.5rem;font-size:1rem}.fixed-contacts .line{border-left:1px solid #fff;padding-top:7rem}.about{margin:0 auto;width:60%;align-items:flex-start;flex-direction:column;padding-top:13rem;color:#fff}.about,.about .ab-title{display:flex;justify-content:center}.about .ab-title{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.about .ab-title .ab-title-text{font-size:2rem;font-family:Inconsolata,monospace}.about .ab-title .ab-num{font-size:1.8rem;color:#61dafb}.about .ab-title .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:13.5rem}.about .about-main{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:2rem}.about .about-main .main-text .desc{width:85%;line-height:1.7rem;padding-top:2rem;color:rgba(233,236,247,.68)}.about .about-main .main-text .desc-2{width:70%;line-height:1.7rem;padding-top:2rem;color:rgba(233,236,247,.68)}.about .about-main a .img{max-width:19rem;border-radius:1%}.skills{width:60%;align-items:flex-start;flex-direction:column;padding-top:12em}.skills,.skills .skills-text{margin:0 auto;display:flex;justify-content:center}.skills .skills-text{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.skills .skills-text .line-one{border:.5px solid rgba(233,236,247,.68);padding-left:13.5rem;margin-right:1.2rem}.skills .skills-text .skills-title{font-size:2rem;font-family:Inconsolata,monospace;display:flex;align-items:center;justify-content:center;margin:0 auto}.skills .skills-text .skills-title .skills-num{color:#61dafb;font-size:1.8rem;margin:0 auto}.skills .skills-text .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:13.5rem}.skills .desc{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:4rem;text-align:justify;margin:0 auto;color:rgba(233,236,247,.68);line-height:1.6rem;max-width:60%}.skills .desc .skills-desc-2{padding-top:3rem;text-align:justify;color:#ccd6f6;font-family:Inconsolata,monospace;margin:0 auto}.skills .tech-lists{display:flex;justify-content:center;align-items:center;flex-direction:row;margin:0 auto;padding-top:1.7rem}.skills .tech-lists .list{list-style-type:circle;list-style:#61dafb}.skills .tech-lists .list .list-item{font-family:Inconsolata,monospace;padding-top:.5rem}.skills .tech-lists .list-one{padding:0 4.5rem}.skills .tech-lists .list-two{padding:0 2.5rem}.projects{width:60%;align-items:flex-start;flex-direction:column;padding-top:11rem}.projects,.projects .projects-text{margin:0 auto;display:flex;justify-content:center}.projects .projects-text{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.projects .projects-text .line-1{border:.5px solid rgba(233,236,247,.68);padding-left:13.5rem;margin-right:1.2rem}.projects .projects-text .projects-title{font-size:2rem;font-family:Inconsolata,monospace;display:flex;align-items:center;justify-content:center}.projects .projects-text .projects-title .projects-num{color:#61dafb;font-size:1.8rem}.projects .projects-text .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:13.5rem}.projects .projects-container .project-1{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:8rem}.projects .projects-container .project-1 .project-main-part .project-text{display:flex;align-items:center;justify-content:flex-start}.projects .projects-container .project-1 .project-main-part .project-text .text-main-text .featured{color:#61dafb;font-family:Inconsolata,monospace;font-weight:500}.projects .projects-container .project-1 .project-main-part .project-text .text-main-text .project-name{padding-top:.5rem;font-size:1.6rem}.projects .projects-container .project-1 .project-main-part .project-text .icons{padding-left:2.8rem}.projects .projects-container .project-1 .project-main-part .project-text .icons .icon{padding-right:1.5rem;font-size:1.5rem;cursor:pointer}.projects .projects-container .project-1 .project-main-part .project-text .icons .icon:hover{color:#61dafb}.projects .projects-container .project-1 .project-main-part .project-description{width:90%;padding-top:2.5rem;line-height:1.4rem}.projects .projects-container .project-1 .project-main-part .project-description .project-desc-text{color:rgba(233,236,247,.68)}.projects .projects-container .project-1 .project-techs{display:flex;align-items:center;padding-top:2rem}.projects .projects-container .project-1 .project-techs .tech-name{margin-right:2rem;font-family:Inconsolata,monospace}.projects .projects-container .project-1 .project-img-part{position:relative;cursor:pointer}.projects .projects-container .project-1 .project-img-part .project-container{width:100%;min-width:28rem;height:auto;display:block}.projects .projects-container .project-1 .project-img-part .overlay{position:absolute;bottom:100%;left:0;right:0;background-color:rgba(96,217,251,.7);overflow:hidden;width:100%;height:0;-webkit-transition:.5s ease;transition:.5s ease}.projects .projects-container .project-1 .project-img-part .overlay .ov-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.projects .projects-container .project-1 .project-img-part:hover .overlay{bottom:0;height:100%}.projects .projects-container .project-2{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:8rem}.projects .projects-container .project-2 .project-main-part{margin-left:2.8rem}.projects .projects-container .project-2 .project-main-part .project-text{display:flex;align-items:center;justify-content:flex-start}.projects .projects-container .project-2 .project-main-part .project-text .text-main-text .featured{color:#61dafb;font-family:Inconsolata,monospace;font-weight:500}.projects .projects-container .project-2 .project-main-part .project-text .text-main-text .project-name{padding-top:.5rem;font-size:1.6rem}.projects .projects-container .project-2 .project-main-part .project-text .icons{padding-left:2.8rem}.projects .projects-container .project-2 .project-main-part .project-text .icons .icon{padding-right:1.5rem;font-size:1.5rem;cursor:pointer}.projects .projects-container .project-2 .project-main-part .project-text .icons .icon:hover{color:#61dafb}.projects .projects-container .project-2 .project-main-part .project-description{width:90%;padding-top:2.5rem;line-height:1.4rem}.projects .projects-container .project-2 .project-main-part .project-description .project-desc-text{color:rgba(233,236,247,.68)}.projects .projects-container .project-2 .project-techs{display:flex;align-items:center;padding-top:2rem}.projects .projects-container .project-2 .project-techs .tech-name{margin-right:2rem;font-family:Inconsolata,monospace}.projects .projects-container .project-2 .project-img-part{position:relative;cursor:pointer}.projects .projects-container .project-2 .project-img-part .project-container{width:100%;min-width:28rem;height:auto;display:block}.projects .projects-container .project-2 .project-img-part .overlay{position:absolute;bottom:100%;left:0;right:0;background-color:rgba(96,217,251,.7);overflow:hidden;width:100%;height:0;-webkit-transition:.5s ease;transition:.5s ease}.projects .projects-container .project-2 .project-img-part .overlay .ov-text{color:#fff;font-size:20px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center}.projects .projects-container .project-2 .project-img-part:hover .overlay{bottom:0;height:100%}.projects .projects-see-more{padding-top:4.8rem;margin:0 auto}.projects .projects-see-more .see-more{cursor:pointer;outline:none;background:transparent;font-family:Inconsolata,monospace;color:#61dafb;border:2px solid #61dafb;padding:1.2rem 0;width:100%;font-size:1.2rem;font-weight:500}.projects .projects-see-more .see-more:hover{-webkit-animation:fadeOpacity .3s;animation:fadeOpacity .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.experience{margin:0 auto;width:60%;align-items:flex-start;flex-direction:column;padding-top:13rem}.experience,.experience .exp-title{display:flex;justify-content:center}.experience .exp-title{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.experience .exp-title .exp-title-text{font-size:2rem;font-family:Inconsolata,monospace}.experience .exp-title .exp-title-text .exp-num{font-size:1.8rem;color:#61dafb}.experience .exp-title .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:13.5rem}.experience .exp-main{width:100%;padding-top:5rem}.experience .exp-main .exp-time{display:flex;align-items:center;justify-content:space-between;padding-top:1rem}.experience .exp-main .exp-time .text{flex:3 1}.experience .exp-main .exp-time .text .desc{padding-top:2rem;color:rgba(233,236,247,.68);line-height:1.4rem;width:80%}.experience .exp-main .exp-time a{flex:2 1}.experience .exp-main .exp-time a img{max-width:110%;height:auto}.experience .exp-main .exp-uni{width:100%;display:flex;align-items:center;justify-content:space-between;padding-top:10rem}.experience .exp-main .exp-uni .uni-text{flex:3 1;padding-left:8rem}.experience .exp-main .exp-uni .uni-text .desc{padding-top:2rem;color:rgba(233,236,247,.68);line-height:1.4rem;width:100%}.experience .exp-main .exp-uni a{flex:2 1}.experience .exp-main .exp-uni a img{width:135%;height:auto;display:block}.experience .exp-main .time-span{font-family:Inconsolata,monospace;font-size:1rem}.experience .exp-main .desc-ul{list-style:disc;padding-top:.4rem;padding-left:1rem;width:88%;color:rgba(233,236,247,.68);line-height:1.4rem}.contact{width:60%;align-items:flex-start;flex-direction:column;padding-top:11rem}.contact,.contact .contact-text{margin:0 auto;display:flex;justify-content:center}.contact .contact-text{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.contact .contact-text .line-1{border:.5px solid rgba(233,236,247,.68);padding-left:10.5rem;margin-right:1.2rem}.contact .contact-text .contact-title{font-size:2rem;font-family:Inconsolata,monospace;display:flex;align-items:center;justify-content:center}.contact .contact-text .contact-title .contact-num{color:#61dafb;font-size:1.8rem}.contact .contact-text .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:10.5rem}.contact .contact-main{padding-top:1.5rem}.contact .contact-main,.contact .contact-main .contact-subtitle{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}.contact .contact-main .contact-subtitle{width:70%;padding-top:3rem;text-align:center}.contact .contact-main .contact-subtitle .sub-text{color:rgba(233,236,247,.68);width:75%}.contact .contact-main .contact-form{margin:0 auto;text-align:center;padding-top:2rem}.contact .contact-main .contact-form .form-comp{padding:1rem 4rem}.contact .contact-main .contact-form .form-comp .label{margin-left:-17.5rem}.contact .contact-main .contact-form .form-comp .label-msg{margin-left:-16rem}.contact .contact-main .contact-form .form-comp .contact-input{min-width:12rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background:transparent;outline:none;border:1px solid #61dafb;padding:.4rem 4rem;margin-top:.2rem;color:#fff}.contact .contact-main .contact-form .form-comp .contact-input:focus{border:1.5px solid #61dafb}.contact .contact-main .contact-form .submit-button{margin-top:1.6rem;padding:1rem 4rem;background:transparent;border:1px solid #61dafb;color:#ddd9d9;text-align:center;cursor:pointer;font-weight:500;border-radius:4%}.contact .contact-main .contact-form .submit-button:hover{-webkit-animation:fadeOpacity .3s;animation:fadeOpacity .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border:1.5px solid #61dafb;color:#fff}.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:999;margin-top:5rem;background:#0c1836;padding:2rem}.footer .copyright{font-size:1.12rem;font-family:Inconsolata,monospace}.footer .icons{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:.7rem}.footer .icons .icon{color:#fff;margin:1rem 1rem 0;font-size:1rem}.footer .icons .icon a{color:#fff}.footer .icons .icon a:hover{color:#61dafb}.archive{background:-webkit-gradient(linear,left top,left bottom,from(#112350),to(#162b61));background:linear-gradient(#112350,#162b61)}.archive .main{padding-top:10rem;margin:0 auto;width:80%}.archive .main .archive-logo .archive-title{font-size:6rem}.archive .main .archive-logo .repo-count{font-family:Inconsolata,monospace;color:rgba(233,236,247,.68)}.archive .main .archive-logo .other-proj{padding-top:2rem;font-size:1.22rem;color:#61dafb}.archive .main .repos{padding-top:5rem}.archive .main .repos .repo{max-height:12rem;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;padding:1.5rem 0;border-bottom:1px solid rgba(233,236,247,.68)}.archive .main .repos .repo .part-1{width:32%}.archive .main .repos .repo .part-1 .name .repo-name{font-size:2rem}.archive .main .repos .repo .part-1 .date{padding-top:1rem}.archive .main .repos .repo .part-2{width:60%}.archive .main .repos .repo .part-2 .desc .repo-desc{font-size:1rem;width:93%}.archive .main .repos .repo .part-2 .most-used{padding-top:1.4rem}.archive .main .repos .repo .part-2 .most-used .repo-lang{font-family:Inconsolata,monospace}.archive .main .repos .repo .repo-url{width:1%;color:#fff;font-size:1.9rem}.archive .main .repos .repo .repo-url:hover{color:#61dafb}@media only screen and (max-width:987px){.about{padding-top:8rem;margin:0 auto;width:80%;align-items:flex-start;flex-direction:column}.about,.about .ab-title{display:flex;justify-content:center}.about .ab-title{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.about .ab-title .ab-title-text{font-family:Inconsolata,monospace;font-size:1.5rem}.about .ab-title .ab-num{font-size:1.2rem;color:#61dafb}.about .ab-title .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:6.5rem}.about .about-main{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:2rem}.about .about-main .main-text .desc,.about .about-main .main-text .desc-2{width:100%;line-height:1.7rem;padding-top:2rem;color:rgba(233,236,247,.68);font-size:.9rem}.about .about-main a .img{padding-top:4rem;max-width:16rem;border-radius:1%}}@media only screen and (max-width:987px){.fixed-contacts,.fixed-contacts .c-text,.fixed-contacts .line,.fixed-contacts a,.fixed-contacts a .fixed-contact-me,.socials,.socials .icon,.socials .line,.socials a{display:none}}@media only screen and (max-width:987px){.landing{padding-top:8rem;margin:0 auto;width:85%;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.landing .hey{font-family:Inconsolata,monospace;color:#61dafb;font-size:1rem;font-weight:100}.landing .name{font-size:4.5rem;padding-top:.2rem}.landing .hard{font-family:Inconsolata,monospace;font-size:1rem}.landing .intro{font-size:1.7rem}.landing .desc,.landing .intro{padding-top:2.5rem;color:rgba(204,214,246,.61)}.landing .desc{font-size:.8rem;width:100%;line-height:1.5rem}.landing .find-more{cursor:pointer;margin-top:2.2rem;outline:none;background:transparent;color:#61dafb;border:2px solid #61dafb;padding:.8rem;font-size:.8rem;font-weight:600;border-radius:9%}.landing .find-more:hover{-webkit-animation:fadeOpacity .4s;animation:fadeOpacity .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@media only screen and (max-width:987px){.navbar{font-family:Inconsolata,monospace;background-color:#112350;box-shadow:-3px 1px 24px 1px #0e1b3d;display:flex;justify-content:space-between;min-height:5rem;align-items:center;position:fixed;width:100%;top:0;display:none}.navbar .logo{font-family:Roboto,sans-serif;cursor:pointer;flex:1 1;padding-left:8rem}.navbar .logo-minus{color:#61dafb}.navbar .logo-main{color:#fff}.navbar .logo-greater{color:#61dafb}.navbar .nav-list{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-right:1rem}.navbar .nav-list-item a{color:#ccd6f6;margin-right:2rem}.navbar .nav-list-item a .nav-links-num,.navbar .nav-list-item a:hover{color:#61dafb}.navbar .resume{cursor:pointer;outline:none;background:transparent;color:#61dafb;border:2px solid #61dafb;padding:.4rem .6rem;font-size:1rem;font-family:Inconsolata,monospace;border-radius:13%;letter-spacing:.05rem;margin-right:4rem}.navbar .resume:hover{-webkit-animation:fadeOpacity .4s;animation:fadeOpacity .4s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@media only screen and (max-width:987px){.skills{width:90%;align-items:flex-start;flex-direction:column;padding-top:12em}.skills,.skills .skills-text{margin:0 auto;display:flex;justify-content:center}.skills .skills-text{font-family:Inconsolata,monospace;align-items:center}.skills .skills-text .line-one{border:.5px solid rgba(233,236,247,.68);padding-left:6rem;margin-right:1.2rem}.skills .skills-text .skills-title{font-size:1.5rem;font-family:Inconsolata,monospace;display:flex;align-items:center}.skills .skills-text .skills-title .skills-num{color:#61dafb;font-size:1.2rem;margin:0 auto}.skills .skills-text .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:6rem}.skills .desc{display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:4rem;text-align:justify;margin:0 auto;color:rgba(233,236,247,.68);line-height:1.6rem;max-width:85%}.skills .desc .skills-desc-2{padding-top:3rem;text-align:justify;color:#ccd6f6;font-family:Inconsolata,monospace;margin:0 auto}.skills .tech-lists{display:flex;align-items:center;justify-content:space-around;width:100%;padding-top:1.7rem}.skills .tech-lists .list{list-style-type:circle;list-style:#61dafb}.skills .tech-lists .list .list-item{font-family:Inconsolata,monospace;padding-top:.5rem}.skills .tech-lists .list-one,.skills .tech-lists .list-two{padding:0}}@media only screen and (max-width:987px){.projects{width:85%;align-items:flex-start;flex-direction:column;padding-top:12em}.projects,.projects .projects-text{margin:0 auto;display:flex;justify-content:center}.projects .projects-text{font-family:Inconsolata,monospace;align-items:center}.projects .projects-text .line-1{border:.5px solid rgba(233,236,247,.68);padding-left:6rem;margin-right:1.2rem}.projects .projects-text .projects-title{font-size:1.5rem;font-family:Inconsolata,monospace;display:flex;align-items:center}.projects .projects-text .projects-title .projects-num{color:#61dafb;font-size:1.2rem;margin:0 auto}.projects .projects-text .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:6rem}.projects .projects-container{width:100%}.projects .projects-container .project-1{display:flex;flex-direction:column;align-items:center;padding-top:6rem}.projects .projects-container .project-1 .project-main-part .project-text{display:flex;align-items:center;justify-content:flex-start}.projects .projects-container .project-1 .project-main-part .project-text .text-main-text .featured{color:#61dafb;font-family:Inconsolata,monospace;font-weight:500}.projects .projects-container .project-1 .project-main-part .project-text .text-main-text .project-name{padding-top:.5rem;font-size:1.5rem}.projects .projects-container .project-1 .project-main-part .project-text .icons{padding-left:2.8rem}.projects .projects-container .project-1 .project-main-part .project-text .icons .icon{padding-right:1.5rem;font-size:1.4rem;cursor:pointer}.projects .projects-container .project-1 .project-main-part .project-text .icons .icon:hover{color:#61dafb}.projects .projects-container .project-1 .project-main-part .project-description{padding-top:2.5rem;line-height:1.4rem}.projects .projects-container .project-1 .project-main-part .project-description .project-desc-text{color:rgba(233,236,247,.68)}.projects .projects-container .project-1 .project-techs{display:flex;align-items:center;padding-top:2rem}.projects .projects-container .project-1 .project-techs .tech-name{margin-right:2rem;font-family:Inconsolata,monospace}.projects .projects-container .project-1 .project-img-part{padding:1rem 0 0}.projects .projects-container .project-1 .project-img-part img{margin-left:-2.1rem;display:block;max-width:75%!important}.projects .projects-container .project-1 .project-img-part .overlay,.projects .projects-container .project-1 .project-img-part .overlay .ov-text{display:none}.projects .projects-container .project-1 .project-img-part:hover .overlay{bottom:0;height:100%}.projects .projects-container .project-2{display:flex;flex-direction:column-reverse;align-items:center;padding-top:6rem}.projects .projects-container .project-2 .project-main-part{margin-left:0;padding-left:0}.projects .projects-container .project-2 .project-main-part .project-text{display:flex;align-items:center;justify-content:flex-start}.projects .projects-container .project-2 .project-main-part .project-text .text-main-text .featured{color:#61dafb;font-family:Inconsolata,monospace;font-weight:500}.projects .projects-container .project-2 .project-main-part .project-text .text-main-text .project-name{padding-top:.5rem;font-size:1.5rem}.projects .projects-container .project-2 .project-main-part .project-text .icons{padding-left:2.8rem}.projects .projects-container .project-2 .project-main-part .project-text .icons .icon{padding-right:1.5rem;font-size:1.4rem;cursor:pointer}.projects .projects-container .project-2 .project-main-part .project-text .icons .icon:hover{color:#61dafb}.projects .projects-container .project-2 .project-main-part .project-description{padding-top:2.5rem;line-height:1.4rem}.projects .projects-container .project-2 .project-main-part .project-description .project-desc-text{color:rgba(233,236,247,.68)}.projects .projects-container .project-2 .project-techs{display:flex;align-items:center;padding-top:2rem}.projects .projects-container .project-2 .project-techs .tech-name{margin-right:2rem;font-family:Inconsolata,monospace}.projects .projects-container .project-2 .project-img-part{padding:1rem 0 0 1rem}.projects .projects-container .project-2 .project-img-part img{display:block;margin-left:-3.1rem;max-width:75%!important}.projects .projects-container .project-2 .project-img-part .overlay,.projects .projects-container .project-2 .project-img-part .overlay .ov-text{display:none}.projects .projects-container .project-2 .project-img-part:hover .overlay{bottom:0;height:100%}.projects .projects-see-more{padding-top:4.8rem;margin:0 auto}.projects .projects-see-more .see-more{cursor:pointer;outline:none;background:transparent;font-family:Inconsolata,monospace;color:#61dafb;border:2px solid #61dafb;padding:1.2rem 0;width:100%;font-size:1.2rem;font-weight:500}.projects .projects-see-more .see-more:hover{-webkit-animation:fadeOpacity .3s;animation:fadeOpacity .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}@media only screen and (max-width:987px){.experience{padding-top:8rem;margin:0 auto;width:85%;align-items:flex-start;flex-direction:column}.experience,.experience .exp-title{display:flex;justify-content:center}.experience .exp-title{font-family:Inconsolata,monospace;align-items:center;flex-direction:row}.experience .exp-title .exp-title-text{font-family:Inconsolata,monospace;font-size:1.5rem}.experience .exp-title .exp-title-text .exp-num{font-size:1.2rem;color:#61dafb}.experience .exp-title .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:3.5rem}.experience .exp-main{width:100%;padding-top:5rem}.experience .exp-main .exp-time{display:flex;flex-direction:column}.experience .exp-main .exp-time .text{flex:3 1;font-size:.8rem}.experience .exp-main .exp-time .text .desc{padding-top:2rem;color:rgba(233,236,247,.68);line-height:1.4rem;width:80%;font-size:1rem}.experience .exp-main .exp-time a{flex:2 1;padding-top:2rem}.experience .exp-main .exp-time a img{max-width:100%;height:auto}.experience .exp-main .exp-uni{display:flex;flex-direction:column-reverse;padding-top:6rem;margin:0}.experience .exp-main .exp-uni .uni-text{flex:3 1;margin-left:0;padding-left:0;font-size:.8rem}.experience .exp-main .exp-uni .uni-text .desc{padding-top:2rem;color:rgba(233,236,247,.68);line-height:1.4rem;width:80%;font-size:1rem}.experience .exp-main .exp-uni a{flex:2 1;padding-top:2rem}.experience .exp-main .exp-uni a img{max-width:100%;height:auto}.experience .exp-main .time-span{font-family:Inconsolata,monospace;font-size:1rem}.experience .exp-main .desc-ul{list-style:disc;padding-top:.4rem;padding-left:1rem;width:88%;font-size:.9rem;color:rgba(233,236,247,.68);line-height:1.4rem}}@media only screen and (max-width:987px){.contact{width:90%;align-items:flex-start;flex-direction:column;padding-top:12em}.contact,.contact .contact-text{margin:0 auto;display:flex;justify-content:center}.contact .contact-text{font-family:Inconsolata,monospace;align-items:center}.contact .contact-text .line-1{border:.5px solid rgba(233,236,247,.68);padding-left:4rem;margin-right:1.2rem}.contact .contact-text .contact-title{font-size:1.5rem;font-family:Inconsolata,monospace;display:flex;align-items:center}.contact .contact-text .contact-title .contact-num{color:#61dafb;font-size:1.2rem;margin:0 auto}.contact .contact-text .line{border:.5px solid rgba(233,236,247,.68);margin-left:1.2rem;padding-left:4rem}.contact .contact-main{padding-top:1.5rem}.contact .contact-main,.contact .contact-main .contact-subtitle{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:0 auto}.contact .contact-main .contact-subtitle{width:100%;padding-top:3rem;text-align:justify}.contact .contact-main .contact-subtitle .sub-text{color:rgba(233,236,247,.68);width:75%}.contact .contact-main .contact-form{margin:0 auto;text-align:center;padding-top:2rem}.contact .contact-main .contact-form .form-comp{padding:1rem .8rem}.contact .contact-main .contact-form .form-comp .label{margin-left:-17.5rem}.contact .contact-main .contact-form .form-comp .label-msg{margin-left:-16rem}.contact .contact-main .contact-form .form-comp .contact-input{min-width:12rem;display:flex;justify-content:center;align-items:center;flex-direction:column;background:transparent;outline:none;border:1px solid #61dafb;padding:.4rem 4rem;margin-top:.2rem;color:#fff}.contact .contact-main .contact-form .form-comp .contact-input:focus{border:1.5px solid #61dafb}.contact .contact-main .contact-form .submit-button{margin-top:1.6rem;padding:1rem 3rem;background:transparent;border:1px solid #61dafb;color:#ddd9d9;text-align:center;cursor:pointer;font-weight:500;border-radius:4%}.contact .contact-main .contact-form .submit-button:hover{-webkit-animation:fadeOpacity .3s;animation:fadeOpacity .3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;border:1.5px solid #61dafb;color:#fff}}@media only screen and (max-width:987px){.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:999;width:100%!important;margin:5rem 0 0;background:#0c1836;padding:2rem 0}.footer .copyright{font-size:.7rem;font-family:Inconsolata,monospace}.footer .icons{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-top:.7rem}.footer .icons .icon{color:#fff;margin:1rem 1rem 0;font-size:.9rem}.footer .icons .icon a{color:#fff}.footer .icons .icon a:hover{color:#61dafb}}@keyframes fadeOpacity{0%{background-color:#112350}33%{background-color:#172d66}66%{background-color:#19316e}to{background-color:#1c377c}}@keyframes appear{0%{opacity:0}10%{opacity:.1}20%{opacity:.2}30%{opacity:.3}40%{opacity:.4}50%{opacity:.5}60%{opacity:.6}70%{opacity:.7}80%{opacity:.8}90%{opacity:.9}to{opacity:1}}@media only screen and (max-width:987px){.loading{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;background:#112350}.loading .logo{padding:2rem;font-family:Inconsolata,monospace;font-size:6rem;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.loading .logo .logo-minus{color:#61dafb;padding-right:1.1rem}.loading .logo .logo-main,.loading .logo .logo-minus{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.loading .logo .logo-main{color:#fff}.loading .logo .logo-greater{color:#61dafb;padding-left:1rem;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}}
/*# sourceMappingURL=main.3524be22.chunk.css.map */