@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.css);body{background-color:rgba(255,0,60,.05)}.social-container{width:100%;text-align:center}.social-icons{padding:0;list-style:none;margin:1em}.social-icons li{display:inline-block;margin:.15em;position:relative;font-size:1.5em}.social-icons i{color:#fff;position:absolute;top:21px;left:21.5px;transition:all 265ms ease-out}.social-icons a{display:inline-block}.social-icons a:before{transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);content:" ";width:60px;height:60px;border-radius:100%;display:block;background:linear-gradient(45deg,#ff003c,#c648c8);transition:all 265ms ease-out}.social-icons a:hover:before{transform:scale(0);transition:all 265ms ease-in}.social-icons a:hover i{transform:scale(2.2);-ms-transform:scale(2.2);-webkit-transform:scale(2.2);color:#ff003c;background:-webkit-linear-gradient(45deg,#ff003c,#c648c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:all 265ms ease-in}.social-icons a.social-square:before{background:linear-gradient(45deg,#7b00e0,#ae31d9);border-radius:10%}.social-icons a.social-square:hover:before{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:scale(-180deg);border-radius:100%}.social-icons a.social-square:hover i{-ms-transform:scale(1.6);-webkit-transform:scale(1.6);color:#fff;transform:scale(1.6);-webkit-text-fill-color:#fff}.toolbar{position:static;width:100%;background-color:#000;color:#fff;height:56px;padding-top:10px}.toolbar__logo,.toolbar__navigation{display:flex;align-items:center}.spacer{flex:1 1}.btn-resume{grid-row:-1;text-transform:uppercase;letter-spacing:1px;cursor:pointer;display:block;padding:0 1em;height:3em;line-height:2.9em;min-width:3em;background-color:transparent;border:1px solid #03e9f4;color:#03e9f4;border-radius:4px;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.3s ease-in-out;text-shadow:0 0 6px rgba(0,0,0,.3);justify-content:center;margin-left:auto;margin-right:auto}.btn-resume:hover{background-color:rgba(3,233,244,.1);border:1px solid #03e9f4;text-shadow:none}.btn-resume:hover,.btn-resume:visited{text-decoration:none;color:#03e9f4}.wrapper{display:flex;flex-flow:row wrap;justify-content:center}.pcard{width:420px;height:340px;margin:1em;perspective:1500px}.pcard .content{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.75,0,.85,1)}.more{display:none}.more:checked~.content{transform:rotateY(180deg)}.back,.front{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;border-radius:6px}.back .inner,.front .inner{height:100%;display:grid;padding:1.5em;transform:translateZ(80px) scale(.94)}.front{background-color:#fff;background-size:cover;background-position:50%}.front:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;display:block;border-radius:6px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(3,13,26,.7)}.front .inner{grid-template-rows:5fr 1fr 1fr 2fr 150fr;justify-items:center;text-align:center}.front h2{grid-row:2;margin-bottom:.3em;text-transform:uppercase;letter-spacing:3px;color:#fff;font-weight:600;text-shadow:0 0 6px rgba(0,0,0,.1)}.front .rating{grid-row:3;color:hsla(0,0%,100%,.8);font-size:14px;display:flex;flex-flow:row nowrap}.front .rating i{margin:0 1px}.back{transform:rotateY(180deg);background-color:#d6d7e1;border:2px solid #adb0c4}.back .inner{grid-template-rows:1fr 2fr 1fr 2fr 14fr 1fr 1fr}.back .info{position:relative;display:flex;align-items:center;color:#072142;grid-row:3}.back .info:not(:first-of-type):before{content:"";position:absolute;left:-.9em;height:18px;width:1px;background-color:#ccc}.back .info span{font-size:2em;font-weight:600}.back .info i{font-size:1.2em}.back .info i:before{background:linear-gradient(40deg,#072142,#438af3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:inherit}.back .info .icon{margin-left:.3em}.back .info .icon span{display:block;margin-top:-.25em;font-size:.9em;font-weight:600;white-space:nowrap}.back .project-header{height:20px;width:20px;float:right}.back .github{right:0}.back .description{grid-row:5;grid-column:1/-1;font-size:1.1em;border-radius:5px;font-weight:600;line-height:1.4em;overflow:auto;color:#072142;padding-right:10px}.back .location,.back .price{font-weight:600;color:#072142;grid-row:1;font-size:.86em}.back .location{grid-column:1/3;justify-self:right;font-size:1em}.back .price{grid-column:3/-1;justify-self:right}.back .button{grid-column:1/-1;justify-self:center}.button{grid-row:-1;text-transform:uppercase;letter-spacing:1px;font-weight:600;cursor:pointer;display:block;padding:0 1.5em;height:3em;line-height:2.9em;min-width:3em;background-color:transparent;border:2px solid #fff;color:#fff;border-radius:4px;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:.3s ease-in-out;text-shadow:0 0 6px rgba(0,0,0,.3)}.button:hover{background-color:#fff;box-shadow:0 0 50px rgba(0,0,0,.5)}.button.return,.button:hover{text-shadow:none;color:#072142}.button.return{left:20%;line-height:3em;border-color:#072142}.button.return:hover{background-color:#072142;color:#fff;box-shadow:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#114f9e}::-webkit-scrollbar-thumb:hover{background:#072142}p{line-height:1.5}.card-column{width:100%;float:left;padding:4%;box-sizing:border-box}.column-1{padding-top:100px}.card{width:700px;max-width:1500px;margin-left:auto;margin-right:auto;position:relative;background-color:#adb0c4;color:#092756;margin-bottom:60px}.border{position:absolute;width:100%;height:100%;padding:6px;border:1px solid #03e9f4;opacity:.5;left:-8px}.card .card-content{height:455px;padding:2rem 20rem 1rem 2rem;font-size:47px;font-weight:800;letter-spacing:.2px;color:#03e9f4}.card-text{color:#adb0c4;margin-left:10rem;font-size:20px;float:left;width:100%;text-align:justify}img{width:40%;justify-content:center}.about-main{width:100%;margin-top:3rem;display:flex;text-align:center}.image-align{margin-top:auto;margin-bottom:auto}.card-color{background-color:#888da7}.background{background:url(/static/media/me.43388934.jpg);position:relative}.layer{background-color:rgba(248,247,216,.7);position:absolute;top:0;left:0;width:100%;height:100%}@media screen and (max-width:600px){.card-column{width:90%}.column-1{padding-top:0}}.timeline{color:#adb0c4}.timeline h1,.timeline ul li .content h2{text-shadow:1px 1px 1px rgba(56,56,56,.5)}.timeline ul{padding:50px 0}.timeline ul li{background:#03e9f4;position:relative;margin:0 auto;width:5px;padding-bottom:40px;list-style-type:none;font-size:20px}.timeline ul li:last-child{padding-bottom:7px}.timeline ul li:before{content:"";background:#fff;position:absolute;left:50%;top:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);width:20px;height:20px;border:2px solid #03e9f4;border-radius:50%;text-align:center}.timeline ul li .hidden{opacity:0}.timeline ul li .content{position:relative;top:7px;width:580px;padding:20px;text-align:center}.timeline ul li .content h2{color:#fff;padding-bottom:10px;text-align:center}.timeline ul li .content p{text-align:center}.timeline ul li .content:before{content:"";background:#03e9f4;position:absolute;top:0;width:38px;height:5px}.timeline ul li:nth-child(odd) .content{left:49px;border:3px solid #03e9f4}.timeline ul li:nth-child(odd) .content:before{left:-38px;border:3px solid #03e9f4}.timeline ul li:nth-child(2n) .content{left:-625px;border:3px solid #03e9f4}.timeline ul li:nth-child(2n) .content:before{right:-40px;border:3px solid #03e9f4}@media screen and (max-width:1020px){.timeline ul li .content{width:41vw}.timeline ul li:nth-child(2n) .content{left:calc(-41vw - 45px)}}@media screen and (max-width:700px){.timeline ul li{margin-left:20px;font-size:medium}.timeline ul li .content{width:calc(100vw - 100px)}.timeline ul li .content h2{text-align:left;text-align:initial}.timeline ul li:nth-child(2n) .content{left:44px}.timeline ul li:nth-child(2n) .content:before{left:-35px}}.skill-set__flex{display:-ms-flexbox;-ms-flex-wrap:wrap;justify-content:center}.content{margin:auto}.skill-set__list{width:85%}ol,ul{list-style:none}.skill-set__item{display:-ms-flexbox;justify-content:space-around;align-items:center;padding-top:2rem}.skill-set__icon{width:5.6382%;align-self:center;padding-right:1rem}.img-skills{max-width:100%;height:20%;vertical-align:middle;width:90%}.skill-set__meta{margin-bottom:.8rem;display:-ms-flexbox;justify-content:center}.skill-set__name{display:flex;align-items:flex-end}.small-title{font-size:2.2rem;letter-spacing:.1em;line-height:.5}.skill-set__year{font-size:1.4rem;line-height:1.2;color:#c0c5ca;margin-left:.8rem;letter-spacing:.2em}.skill-set__high{color:#ff4d5a}.small-title{font-size:2.4rem;color:#c0c5ca;letter-spacing:.2em}skill-set__ratio{font-size:1.6rem;line-height:1.2;color:#072142}.skill-set__bar{width:100%;height:1.4rem;background:#fff;position:relative;border-radius:10px;box-shadow:0 5px 15px 0 rgba(7,33,66,.15)}.skill-set__bar:after{-webkit-animation:ratio90 1.5s forwards;animation:ratio90 1.5s forwards;background:#d6d7e1;background:radial-gradient(circle,#d6d7e1 30%,#99a0d1 100%);background:-o-radial-gradient(circle,#d6d7e1 30%,#99a0d1 100%);content:"";position:absolute;left:0;top:0;height:100%;border-radius:10px}.java:after{width:89%}.javascript:after{width:85%}.python:after{width:79%}.react:after{width:82%}.vue:after{width:87%}.node:after{width:75%}.mongo:after{width:78%}.mysql:after{width:88%}.sqlite:after{width:69%}.git:after{width:88%}.container-skills{padding-bottom:2rem;margin-top:3rem;width:60%;text-align:center;justify-content:center;margin-left:auto;margin-right:auto}.tape{background-color:hsla(0,0%,100%,.8);box-shadow:inset 0 0 1em .5em hsla(0,0%,100%,.1);top:-22px;left:0;right:0;color:#072142;font-size:20px;font-weight:900;text-align:center;margin:auto;padding-top:auto;padding-bottom:auto;transform:rotate(1deg);max-width:180px;-webkit-filter:drop-shadow(0 1px .7px rgba(0,0,0,.3))}.tape:after,.tape:before{background-size:.4em .4em;bottom:0;content:"";position:absolute;top:0;width:.2em}.tape:after{background-image:linear-gradient(45deg,transparent 50%,hsla(0,0%,100%,.3) 0),linear-gradient(-45deg,transparent 50%,hsla(0,0%,100%,.3) 0);background-position:0 100%;left:-.2em}.tape:before{background-image:linear-gradient(135deg,transparent 50%,hsla(0,0%,100%,.3) 0),linear-gradient(-135deg,transparent 50%,hsla(0,0%,100%,.3) 0);background-position:100% 100%;right:-.2em}.side-drawer{height:100%;background:#092756;background:linear-gradient(180deg,rgba(57,173,219,.25) 0,rgba(42,60,87,.4)),linear-gradient(135deg,#670d10,#092756);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3E1D6D",endColorstr="#092756",GradientType=1);box-shadow:1px 0 7px rgba(0,0,0,.5);position:fixed;top:0;right:0;width:45%;max-width:300px;z-index:200;transform:translateX(100%);transition:transform .3s ease-out}.side-drawer ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:center;font-size:1.2rem}.side-drawer li{margin:.5rem 0}.side-drawer.open{transform:translateX(0)}.side-drawer a{text-decoration:none;font-size:2rem}@media (min-width:769px){.side-drawer{display:none}}a{color:#d6d7e1;text-decoration:none}a:active,a:hover{color:#03e9f4;text-decoration:none}.back-drop{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:100;top:0;right:0}canvas{display:block;position:fixed;z-index:-1;width:75%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.odd{color:#0fb}.centered{margin-left:auto;margin-right:auto;float:none}.section-title{text-align:center;-webkit-text-decoration:solid;text-decoration:solid;text-shadow:0 0 2px;color:#d6d7e1;letter-spacing:7px;text-transform:uppercase;font-weight:900}.line{display:block;width:120px;height:2px;margin-top:2rem;margin-bottom:2rem;background:#03e9f4}.center-div{justify-content:center}.bottom-nav{position:absolute;bottom:0}.top-nav{position:fixed;top:0}.nav{text-align:center;width:100%;background:#092756;background:linear-gradient(180deg,rgba(57,173,219,.25) 0,rgba(42,60,87,.4)),linear-gradient(135deg,#670d10,#092756);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3E1D6D",endColorstr="#092756",GradientType=1);z-index:1}ul{margin:0}.nav ul li{list-style-type:none;display:inline-block;padding:10px}.nav ul li .nav-link:hover{text-decoration:none;color:#03e9f4}.nav ul li .nav-link:active{color:#03e9f4;-webkit-text-decoration:solid;text-decoration:solid}.nav ul li .nav-link{color:#ccc;border-style:none}.nav ul li .nav-link,.nav ul li .nav-resume{text-decoration:none;text-transform:uppercase;font-size:14px}.nav ul li .nav-resume{color:#03e9f4;border:1px solid #03e9f4}.contact-email:hover,.nav ul li .nav-resume:hover{background-color:rgba(3,233,244,.1)}@media (max-width:768px){.nav{display:none}}@media (min-width:769px){.toolbar__toggle-button{display:none}}.btn-home:hover{background-color:rgba(3,233,244,.5)}.contents{color:#e4e4e4;text-align:center;width:100%;padding-top:10%;padding-bottom:15%;justify-content:center}.line1{font-size:53px;color:#d6d7e1}.line2{font-size:29px;color:#adb0c4;text-transform:uppercase;letter-spacing:.5rem}.line3{font-size:20px;color:#adb0c4}.hrTag{width:20%;height:2px;background-color:#03e9f4;border:0}.contents-right{font-size:medium}.about{position:relative;vertical-align:middle;padding-bottom:15%}.container-title{text-align:center}.education,.skills{position:relative;vertical-align:middle;padding-bottom:15%}.acad-year{text-align:center}.acad-title{color:#fff;font-weight:500;font-size:25px;text-decoration:none}.experience,.projects{padding-bottom:15%}.contact,.experience,.projects{position:relative;vertical-align:middle}.contact{padding-bottom:4%}.tech{list-style-type:disc}.display{display:flex}.sub-title{color:#d6d7e1;font-weight:700}.others{color:#adb0c4;display:block;padding-left:15%;padding-right:15%;margin-top:3rem;font-size:2rem;text-align:justify}.footer{justify-content:center;padding:2rem;color:#adb0c4}.btn,.footer{text-align:center}.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px;margin-bottom:0;font-size:13px;line-height:18px;color:#333;text-shadow:0 1px 1px hsla(0,0%,100%,.75);vertical-align:middle;cursor:pointer;*margin-left:.3em}.btn.active,.btn.disabled,.btn:active,.btn:hover,.btn[disabled]{background-color:#03e9f4}.btn-large{padding:9px 14px;font-size:15px;line-height:normal;border-radius:5px}.btn:hover{color:#03e9f4;text-decoration:none;background-color:#e6e6e6;background-position:0 -15px;transition:background-position .1s linear}.btn-primary,.btn-primary:hover{text-shadow:0 -1px 0 rgba(0,0,0,.25);color:#03e9f4}.btn-primary.active{color:#03e9f4}.btn-primary.active,.btn-primary.disabled,.btn-primary:active,.btn-primary:hover,.btn-primary[disabled]{-webkit-filter:none;filter:none;background-color:#03e9f4}.btn-block{width:100%;display:block}*{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}body,html{width:100%;height:100%}body{font-family:"Espuma Pro Medium";background:#092756;background:linear-gradient(180deg,rgba(57,173,219,.25) 0,rgba(42,60,87,.4)),linear-gradient(135deg,#670d10,#092756);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#3E1D6D",endColorstr="#092756",GradientType=1);background-repeat:no-repeat;background-attachment:fixed}.login{position:absolute;top:50%;left:50%;margin:-150px 0 0 -150px;width:300px;height:300px}.login h1{color:#fff;text-shadow:0 0 10px rgba(0,0,0,.3);letter-spacing:1px;text-align:center}input{width:100%;margin-bottom:10px;background:rgba(0,0,0,.3);border:none;outline:none;padding:10px;font-size:13px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.3);border-radius:4px;box-shadow:inset 0 -5px 45px hsla(0,0%,39.2%,.2),0 1px 1px hsla(0,0%,100%,.2);transition:box-shadow .5s ease}input:focus,textarea:focus{box-shadow:inset 0 -5px 45px hsla(0,0%,39.2%,.4),0 1px 1px hsla(0,0%,100%,.2)}textarea{height:100px;margin-bottom:10px;background:rgba(0,0,0,.3);border:none;outline:none;padding:10px;font-size:13px;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.3);border:1px solid rgba(0,0,0,.3);border-radius:4px;box-shadow:inset 0 -5px 45px hsla(0,0%,39.2%,.2),0 1px 1px hsla(0,0%,100%,.2);transition:box-shadow .5s ease}button[type=submit],textarea{width:100%}form{padding:2rem;margin-left:auto;margin-right:auto}@media (min-width:992px){form{width:30%}}@media (min-width:768px) and (max-width:991px){.line1{font-size:53px}.line2{font-size:35px}.line3{font-size:25px}.contents{padding-top:35%;padding-bottom:25%}.display{display:block}form{width:30%}.about-main{display:block}.about{padding-bottom:25%}.card-text{margin-left:0;padding-left:2rem;padding-right:2rem;width:100%;text-align:justify}img{margin-top:3rem;width:40%;height:50%;justify-content:center}.skills{padding-bottom:25%}.container-skills{width:90%}.skill-set__icon{width:10.6382%}.education,.experience,.projects{padding-bottom:25%}}@media (min-width:0px) and (max-width:767px){.in-middle_education{top:100%}.line1{font-size:38px}.line2{font-size:20px}.line3{font-size:17px}.contents{padding-top:20%;padding-bottom:25%}.display{display:block}form{width:100%}.about{padding-bottom:45%}.about-main{display:block}.card-text{margin:0;padding-left:20px;padding-right:20px;font-size:16px;width:100%}img{width:40%;margin-top:3rem;height:56%}.skills{padding-bottom:45%}.container-skills{width:90%}.skill-set__icon{width:17.6382%}.education,.experience,.projects{padding-bottom:45%}}
/*# sourceMappingURL=main.7cb29ca5.chunk.css.map */