@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;text-decoration:none}.navigation{align-items:center;display:flex;flex-direction:row;margin-left:auto;margin-right:auto;max-width:1524px;width:100%}.brand-header{cursor:pointer;margin-top:3rem;width:13%}.resume{margin-top:2rem}.resume a{margin:3rem 1rem;text-decoration:none}.blue-btn{border-color:#41a6ea;border-radius:10px;box-shadow:inset 0 0 40px 40px #41a6ea,0 0 0 0 #41a6ea;color:#000;padding:.6rem;transition:all .15s ease-in-out}.blue-btn:hover{box-shadow:inset 0 0 10px 0 #41a6ea,0 0 10px 4px #41a6ea;color:#fff}.blue-btn span{cursor:pointer;display:inline-block;position:relative;transition:.5s}.blue-btn span:after{color:#fff;content:"\00bb";opacity:0;position:absolute;right:-20px;top:0;transition:.5s}.blue-btn:hover span{padding-right:15px}.blue-btn:hover span:after{opacity:1;right:0}@media screen and (max-width:767px){.wrapper{height:700px}.brand-header{margin-left:5px;margin-top:1rem;width:50%}.resume{margin-top:.6rem}.resume a{padding:.5rem 1rem;text-decoration:none}}.header-content{align-items:center;cursor:pointer;display:flex;justify-content:center;margin-top:8rem;position:relative}.header-content h2{color:#fff;font-size:3rem;position:absolute;text-align:center}.header-content h2:first-child{-webkit-text-stroke:2px #03a9f4;color:transparent}.header-content h2:nth-child(2){-webkit-animation:animate 4s ease-in-out infinite;animation:animate 4s ease-in-out infinite;color:#03a9f4}h3{color:#fff;cursor:pointer;padding-left:12px;padding-right:12px;padding-top:45px;text-align:center;text-transform:uppercase}@-webkit-keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@keyframes animate{0%,to{-webkit-clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%);clip-path:polygon(0 45%,16% 44%,33% 50%,54% 60%,70% 61%,84% 59%,100% 52%,100% 100%,0 100%)}50%{-webkit-clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%);clip-path:polygon(0 60%,15% 65%,34% 66%,51% 62%,67% 50%,84% 45%,100% 46%,100% 100%,0 100%)}}@font-face{font-display:block;font-family:Material Icons;font-style:normal;font-weight:400;src:url(/static/media/material-icons.aba5a2a316a1d312db26.woff2) format("woff2"),url(/static/media/material-icons.824b570fb059ee0a44a9.woff) format("woff")}.material-icons{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Icons}@font-face{font-display:block;font-family:Material Icons Outlined;font-style:normal;font-weight:400;src:url(/static/media/material-icons-outlined.5d7deb03b9cecba7d247.woff2) format("woff2"),url(/static/media/material-icons-outlined.123a7ad6784163c39aaa.woff) format("woff")}.material-icons,.material-icons-outlined{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.material-icons-outlined{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Icons Outlined}@font-face{font-display:block;font-family:Material Icons Round;font-style:normal;font-weight:400;src:url(/static/media/material-icons-round.7c985a8aea387341edf9.woff2) format("woff2"),url(/static/media/material-icons-round.159dc8004e17a33f287f.woff) format("woff")}.material-icons-round{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Icons Round}@font-face{font-display:block;font-family:Material Icons Sharp;font-style:normal;font-weight:400;src:url(/static/media/material-icons-sharp.25f4d306806e85bc60f6.woff2) format("woff2"),url(/static/media/material-icons-sharp.77bc1b022b575be35fa7.woff) format("woff")}.material-icons-round,.material-icons-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.material-icons-sharp{-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-family:Material Icons Sharp}@font-face{font-display:block;font-family:Material Icons Two Tone;font-style:normal;font-weight:400;src:url(/static/media/material-icons-two-tone.7e94e72135150c6b387c.woff2) format("woff2"),url(/static/media/material-icons-two-tone.ee71463e28071436d096.woff) format("woff")}.material-icons-two-tone{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Icons Two Tone;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}body{background-color:#000;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}.about{align-items:flex-end;bottom:10px;justify-content:flex-end;position:fixed;right:10px;transition:all .2s ease;z-index:10}.about,.about .bg_links{display:flex;height:40px;width:40px}.about .bg_links{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.2);border-radius:100%;justify-content:center;position:absolute}.about .logo{background-image:url(https://upload.wikimedia.org/wikipedia/commons/8/85/Circle-icons-chat.svg);background-position:2px 2px;background-repeat:no-repeat;background-size:90%;bottom:0;cursor:pointer;height:40px;opacity:.9;right:0;transition:all 1s ease .2s;width:40px;z-index:9}.about .social{bottom:0;opacity:0;right:0}.about .social .icon{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:25px;border-radius:100%;display:flex;height:100%;opacity:0;transition:all .2s ease,background-color .4s ease;width:100%}.about .social.twitter{transition:all .8s ease}.about .social.twitter .icon{background-image:url(https://upload.wikimedia.org/wikipedia/sco/9/9f/Twitter_bird_logo_2012.svg)}.about .social.medium{transition:all .3s ease}.about .social.medium .icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/e/ec/Medium_logo_Monogram.svg)}.about .social.linkedin{transition:all .8s ease}.about .social.linkedin .icon{background-image:url(https://upload.wikimedia.org/wikipedia/commons/c/c9/Linkedin.svg)}.about:hover{height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65);width:105px}.about:hover .logo{opacity:1;transition:all .6s ease}.about:hover .social{opacity:1}.about:hover .social .icon{opacity:.9}.about:hover .social:hover{background-size:28px}.about:hover .social:hover .icon{background-size:65%;opacity:1}.about:hover .social.twitter{bottom:calc(100% - 40px);right:0;transition:all .3s cubic-bezier(.64,.01,.07,1.65) 0s}.about:hover .social.twitter .icon:hover{background-color:#698fb7}.about:hover .social.medium{bottom:45%;right:45%;transition:all .3s cubic-bezier(.64,.01,.07,1.65) .15s}.about:hover .social.medium .icon:hover{background-color:#41a6ea}.about:hover .social.linkedin{bottom:0;right:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) .25s}.about:hover .social.linkedin .icon:hover{background-color:#0077b5}.wrapper{align-items:center;background-color:#161616;display:flex;height:400px;justify-content:center;margin:0 auto;position:relative;transition:all .3s ease;width:100vw}@media screen and (max-width:767px){.wrapper{height:700px}.header-content{margin-bottom:3rem;margin-top:15rem}}.content-about{align-items:center;display:flex;justify-content:center;margin:100px auto;max-width:1024px;padding:0 4%;width:100%}@media screen and (max-width:767px){.content-about{flex-direction:column;padding-top:30px}}.card-about{border:2px solid rgba(7,7,7,.12);border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.24);height:250px;margin:10px;position:relative;text-decoration:none;transition:all .3s ease}.card-about,.card-fav{align-items:center;background-color:#292929;display:flex;flex-direction:column;font-size:16px;justify-content:center;max-width:300px;min-width:200px;width:100%}.card-fav{border-radius:10px;cursor:pointer;height:270px;padding:10px}.icon{align-items:center;background:linear-gradient(90deg,#41a6ea,#0481f7 40%,rgba(0,0,0,.28) 60%);background-position:0;background-size:200px;border-radius:100%;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;margin:0 auto;max-width:80px;transition:all .8s ease;width:100%}.material-icons.md-18{font-size:18px}.material-icons.md-24{font-size:24px}.material-icons.md-36{font-size:36px}.material-icons.md-48{font-size:48px}.card-about .title{color:#fff;font-weight:600;letter-spacing:4px;margin:30px 0 0;text-align:center;text-transform:uppercase;width:100%}.card-about .text{color:#fff;font-size:13px;font-weight:200;letter-spacing:2px;margin:20px auto 0;max-height:0;opacity:0;text-align:center;transition:all .3s ease;width:80%}.card-about:hover{height:270px}.card-about:hover .info{height:90%}.card-about:hover .text{max-height:40px;opacity:1;transition:all .3s ease}.card-about:hover .icon{background-position:-120px;transition:all .3s ease}.card-about:hover .icon i{background:linear-gradient(90deg,#41a6ea,#0481f7);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:1;transition:all .3s ease}.card-fav .title{color:#fff;font-weight:600;letter-spacing:4px;margin:30px 0 0;text-align:center;text-transform:uppercase;width:100%}.card-fav .text{color:#fff;font-size:13px;font-weight:200;letter-spacing:2px;margin:20px auto 0;max-height:0;opacity:0;text-align:center;width:80%}.card-fav .info{height:90%}.card-fav .text{max-height:40px;opacity:1;transition:all .3s ease}.card-fav .icon{background-position:-120px;transition:all .3s ease}.card-fav .icon i{background:linear-gradient(90deg,#41a6ea,#0481f7);background-clip:text;-webkit-background-clip:text;color:transparent;opacity:1;transition:all .3s ease}.footer{color:#f0f8ff;cursor:pointer;font-size:24px;margin-top:1rem;position:relative;text-align:center}.heart{-webkit-animation:fave-heart 1s steps(28);animation:fave-heart 1s steps(28);background:url(https://cssanimation.rocks/images/posts/steps/heart.png) no-repeat;background-position:0 0;cursor:pointer;height:100px;left:50%;position:absolute;top:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px}.heart:hover{background-position:-2800px 0;transition:background 1s steps(28)}@-webkit-keyframes fave-heart{0%{background-position:0 0}to{background-position:-2800px 0}}@keyframes fave-heart{0%{background-position:0 0}to{background-position:-2800px 0}}.App{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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.d2e63e6a.css.map*/