body.about-me .section.apps .appcard.material .appcard-title .appcard-name,body.about-me .section.contact .social.content .material,body.home .main-container .apps .appcard.material .appcard-title .appcard-name{background:linear-gradient(to right,#396afc,#2948ff);color:#fefefe}.main-title{font-size:42px;font-weight:100;line-height:44px;color:#363636}.section .title{font-size:36px;height:90px;text-align:center;color:#363636;font-weight:100}.navbar-menu .navbar-1 .nav-homepage,body.about-me .section.apps .appcard.material .appcard-title .appcard-name,body.home .main-container .apps .appcard.material .appcard-title .appcard-name{font-size:20px;font-weight:400;line-height:29px}.section .subtitle{font-size:20px;font-weight:100;position:relative;bottom:45px;letter-spacing:.03em}.card-subtitle{font-size:17px;margin:20px 0;display:block;font-weight:400;color:#363636}.navbar-menu .navbar-1 .nav-menu-options a,body.about-me .section.apps .appcard.material .appcard-content .appcard-platforms .card-platform .platform-name,body.home .main-container .apps .appcard.material .appcard-content .appcard-platforms .card-platform .platform-name{font-size:16px;line-height:25px;color:#fefefe}body p{font-size:16px;line-height:25px;padding:0;margin:0;text-align:left}body.about-me .section.apps .appcard.material .appcard-content .card-desc p,body.home .main-container .apps .appcard.material .appcard-content .card-desc p{font-size:15px;line-height:23px;padding:0;margin:0;text-align:left}*{box-sizing:border-box}body{font-family:Roboto,sans-serif,helvetica;margin:0;padding:0;background:#eee;font-size:16px;color:#868686;line-height:20px;letter-spacing:.01em;font-weight:300}a{text-decoration:none}.hidden{display:none}footer{padding:0 0 30px 0}footer a{color:#868686}footer a:active,footer a:focus,footer a:hover{border-bottom:.5px solid}footer .info{text-align:center;font-size:14px}.material{background:#fefefe;border-radius:2px;box-shadow:0 1px 4px 0 rgba(0,0,0,.14);padding:25px;margin:0 0 30px 0}.material .card-subname{margin:0 0 10px 0;padding:1px 5px;display:inline-block;vertical-align:top;background:#efefef;font-size:13px;color:#363636;border-radius:2px}.material .card-content{margin-bottom:0}.main-container{margin:0 auto;position:relative;background:#eee}.card-title{position:relative;margin:-57px 0 0 0;text-align:center}.card-icon{margin:0 auto;position:relative;display:block;overflow:hidden;width:62px;height:62px;line-height:62px;background:linear-gradient(to right,#396afc,#2948ff);border-radius:51%;box-shadow:0 6px 10px 0 rgba(0,0,0,.2);color:#fefefe}.card-icon .icon-url{width:30px;height:30px;background-size:contain!important;left:0;right:0;top:0;bottom:0;position:absolute;margin:auto}.section{text-align:center;padding:35px 0}.row{margin:0 auto;padding:0 0 30px 0;max-width:1100px}@media (max-width:1080px){.row{margin:0 10px}}@media (max-width:420px){.row{margin:0 5px}}.row:after{content:'';display:table;clear:both}.row [class*=col-]{float:left;width:100%;padding:10px;text-align:center}@media only screen and (min-width:768px){.row .col-12{width:99.996%}.row .col-11{width:91.663%}.row .col-10{width:83.333%}.row .col-9{width:74.997%}.row .col-8{width:66.664%}.row .col-7{width:58.331%}.row .col-6{width:49.998%}.row .col-5{width:41.665%}.row .col-4{width:33.332%}.row .col-3{width:24.999%}.row .col-2{width:16.666%}.row .col-1{width:8.333%}}.navbar-bg{background-color:#4285f4}.navbar-bg .nav-menu-options,.navbar-bg .nav-menu-select{box-shadow:rgba(0,0,0,.2) 0 4px 7px -1px}.navbar-menu{transition:top .3s ease-in-out;width:calc(100%);height:58.67px;position:fixed;top:0;z-index:10}.navbar-menu a{color:#fefefe;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent}.navbar-menu .nav-homepage{display:inline-block;font-weight:700;letter-spacing:1px;position:absolute;z-index:1;height:inherit;padding:15px 16px}.navbar-menu .nav-menu-select{margin:0;text-align:right;height:58.67px}.navbar-menu .nav-menu-options{display:block;text-align:right;width:100%;margin:0;padding:0}.navbar-menu .nav-menu-options li a{display:block;padding:17px}.navbar-menu .nav-hamburger{display:inline-block;height:inherit;padding:14px}.navbar-menu .hamburger{width:25px;height:2px;background-color:currentColor;margin:6px 0;transition:.4s}.navbar-menu .nav-hamburger:before{content:"";position:absolute;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:40px;height:40px;border:2px solid transparent;top:10px;right:6px;border-radius:100%;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;z-index:1}.navbar-menu .nav-hamburger.change:before{border:2px solid currentColor}.navbar-menu .change .bar1{transform:rotate(-45deg) translate(-6px,7px)}.navbar-menu .change .bar2{opacity:0}.navbar-menu .change .bar3{transform:rotate(45deg) translate(-4px,-5px)}.navbar-menu .navbar-1 a:not(.nav-hamburger):hover{background-color:#fefefe;color:#4285f4;font-weight:400}.navbar-menu .navbar-2{width:100%}.navbar-menu .navbar-2 a{padding:15px!important;opacity:.8}.navbar-menu .navbar-2 a:after{content:'';display:block;margin:auto;margin-top:5px;height:2px;width:0;background:0 0;transition:width .4s ease,background-color .4s ease}.navbar-menu .navbar-2 a:hover:after{width:100%;background:#fefefe}.navbar-menu .navbar-2 .nav-homepage{font-size:18px}.navbar-menu .navbar-2 .nav-menu-options a{font-size:17px}.nav-2-sticky{position:fixed!important;background-color:#fefefe;top:0;z-index:10;transition:.4s all ease-out}.nav-2-sticky a{color:#4285f4;font-size:130%!important;transition:.4s all ease-out;opacity:1!important}.nav-2-sticky a:hover:after{background:#4285f4!important}.nav-2-un-sticky{position:absolute;transition:.2s all ease-out}.nav-2-un-sticky a{transition:.4s all ease-out}@media screen and (min-width:750px){.navbar-2 .label{display:none!important}.nav-menu-select{display:none}.nav-menu-options{display:block!important}.nav-menu-options li{display:inline-block}}@media screen and (max-width:750px){.navbar-menu .navbar-2 a{opacity:1}.navbar-menu .navbar-2 .label{display:block;color:rgba(66,133,244,.8);background-color:#fefefe;cursor:default;font-size:20px!important;letter-spacing:2px;border-bottom:22px solid #4285f4}.navbar-menu .navbar-2 .links-2{background-color:#4285f4}.navbar-menu .navbar-2 .nav-homepage{display:none}.navbar-menu .navbar-2 .nav-menu-options{bottom:2px;z-index:10}.navbar-menu .navbar-2 .label:after{pointer-events:none;position:absolute;content:'';border-style:solid;left:calc(50% - 30px);top:50px;border-color:#fefefe transparent transparent transparent;border-width:30px;margin:0!important;height:0}.navbar-menu .navbar-2 .label:hover:after{width:0;background-color:transparent}.navbar-menu .navbar-menu{margin:0}.navbar-menu .nav-menu-options{display:none;position:relative;text-align:center}.navbar-menu .nav-menu-options li{display:block}}body.home .intro{position:fixed;top:0;left:0;width:100%;height:320px;background:#2948ff}@media (max-width:768px){body.home .intro{height:202px}}body.home .intro .background{background:url(/img/87527793b9288555e5a6bfaaf4274b8131ba41f7/slide-bg.jpg) no-repeat center;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:.5}body.home .main-container{margin:320px 0 0 0}@media (max-width:768px){body.home .main-container{margin:202px 0 0 0}}body.home .main-container .name{padding-top:0}body.home .main-container .name .col-12{margin-top:-90px}body.home .main-container .name .col-12 .card-icon{background:url(/img/023ef2ccedc3594b13e7270e61003c900d49344d/jf335.png) no-repeat center;background-size:100px;width:148px;height:148px;background-color:#363636}body.home .main-container .name .col-12 .main-title{margin-top:25px}body.home .main-container .name .col-12 .card-subtitle{margin:15px 0 0 0;font-size:16px}body.home .main-container .apps .appcard-container{position:relative}body.home .main-container .apps .appcard.material{display:inline-block;padding:0;border-radius:19px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2);overflow:hidden}body.home .main-container .apps .appcard.material .appcard-title{position:absolute;left:50%;transform:translateX(-50%)}body.home .main-container .apps .appcard.material .appcard-title .appcard-name{display:inline-block;padding:10px;position:relative;bottom:20px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2)}body.home .main-container .apps .appcard.material .appcard-content{position:relative}body.home .main-container .apps .appcard.material .appcard-content .appcard-logo{margin:75px 60px 145px 60px}body.home .main-container .apps .appcard.material .appcard-content .appcard-logo .appcard-img{width:150px;height:150px;background-size:contain}body.home .main-container .apps .appcard.material .appcard-content .appcard-platforms{border-radius:0 0 19px 19px;background:linear-gradient(to right,#396afc,#2948ff);position:absolute;width:100%;bottom:-40px;transform:translateY(100%);transition:all .5s ease}body.home .main-container .apps .appcard.material .appcard-content .appcard-platforms .card-platform{padding:25px;display:inline-block}body.home .main-container .apps .appcard.material .appcard-content .appcard-platforms .card-platform img{width:30px}body.home .main-container .apps .appcard.material .appcard-content .card-desc p{color:#fefefe;margin:0 15px 15px 15px}body.home .main-container .apps .appcard.material:active .appcard-platforms,body.home .main-container .apps .appcard.material:focus .appcard-platforms,body.home .main-container .apps .appcard.material:hover .appcard-platforms{bottom:-145px;transform:translateY(0)}.downloads .download{display:inline-block;text-align:center;vertical-align:top;background-color:#00171f;opacity:.9;margin:15px;padding:20px 24px;border-radius:10px 10px 10px 10px;border:1px solid #00171f;cursor:pointer;color:#fefefe;width:160px;font-size:18px;-webkit-transition-duration:.2s;transition-duration:.2s;box-shadow:0 3px 7px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.mainimg{max-width:240px}.downloads .download:hover{text-decoration:none;border:1px solid #ff4b00;opacity:1;box-shadow:0 12px 16px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19)}.row.started{background-color:#4285f4;text-align:center;vertical-align:top}img.sshots_img{height:auto;max-width:381px;width:85%;-webkit-box-shadow:0 0 14px 0 rgba(0,0,0,.75);-moz-box-shadow:0 0 14px 0 rgba(0,0,0,.75);box-shadow:0 0 14px 0 rgba(0,0,0,.75)}.sshots_spn{margin:15px;display:inline-block;vertical-align:top}.sshots_p{max-width:320px;text-align:center;color:#fefefe;margin:inherit;font-size:20px}.row.see_action{background-color:#056cd8;text-align:center;vertical-align:top}.row.features{background-color:#4285f4;text-align:center;vertical-align:top}.features_ul li{color:#fefefe;font-size:20px;text-align:left;margin-bottom:20px}.features_div{display:inline-flex;margin:15px}.row.freedownload{background-color:#056cd8;text-align:center;vertical-align:top}.app_card_wrapper{max-width:300px;overflow:hidden;width:85%;box-shadow:0 4px 17px 0 rgba(59,57,57,.9);border-radius:19px;background:linear-gradient(to bottom right,#ff9800,#e91e63);display:inline-block;margin:50px 5% 100px 5%;height:auto;position:relative;cursor:pointer}.app_card_wrapper .overlay{opacity:0;background-color:#fefefe;position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;z-index:1}.app_card_wrapper .card_icon_img{max-width:128px;width:100%}.app_card_wrapper .card_title{margin-bottom:50px;text-transform:uppercase;letter-spacing:2px}.app_card_wrapper .card_icon:before{content:"";transform:skew(0,-5deg);position:absolute;width:100%;height:30px;left:0;background:#fefefe;top:-15px}.app_card_wrapper .card_icon{position:relative;padding:25px 20% 40px 20%;background-color:#fefefe}.app_card_wrapper .card_plaform_container .card_platform{display:inline-block;margin:0 20px 20px 20px}.app_card_wrapper .card_plaform_container .card_platform h5{margin:3px 0 0 0}.app_card_wrapper .card_plaform_container .card_platform img{width:30px}.app_card_wrapper .card_desc{background-color:#000;position:absolute;bottom:-100%;width:100%;opacity:.5;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;z-index:2}.app_card_wrapper:hover{transition:all .4s ease;transform:scale(1.03)}.app_card_wrapper:hover .card_desc{opacity:1;bottom:-2px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.app_card_wrapper:hover .card_desc p{opacity:.9;padding:10px;line-height:25px}.app_card_wrapper:hover .overlay{opacity:.1}body.about-me .section.card .vcard,body.about-me .section.contact .content .material{width:100%;max-width:700px}body.about-me .social-icon{display:inline-block;width:20px;height:20px;background-size:contain!important}body.about-me .social-icon.ml{background:url(/26bdb5bb1fb1e9c38bbff22f8bab91ef9e6c8935/7856a/about-me/img/mail.svg) no-repeat center}body.about-me .social-icon.in{background:url(/c0d672b6e674c1c9fda71d21ca688bbda6090d0b/99fb5/about-me/img/linkedin.svg) no-repeat center}body.about-me .social-icon.so{background:url(/11959cf7517eda19b7f8457c3036244807ab503e/e6437/about-me/img/so.svg) no-repeat center}body.about-me .social-icon.gh{background:url(/3b50a0d95f507ddd0ad1dc69cdd20f2a9f529131/05515/about-me/img/github.svg) no-repeat center}body.about-me .social-icon.md{background:url(/a9303f90de04296d20d4d66fe135d11e72ff2e15/31b2b/about-me/img/medium.svg) no-repeat center}body.about-me .social-icon.ig{background:url(/e21ae75afdd973ddc51ac531facc7997f7f0f4b5/be5e0/about-me/img/instagram.svg) no-repeat center}body.about-me .ripple-effect .tooltip:before{content:'';position:absolute;border:#2948ff solid 6px;top:0;right:0;bottom:0;left:0;border-radius:51%;opacity:0}body.about-me .tooltip{display:inline-block;position:relative}body.about-me .tooltip:active:before,body.about-me .tooltip:focus:before,body.about-me .tooltip:hover:before{animation:ripple-out 1s}body.about-me .tooltip:active .tooltiptext,body.about-me .tooltip:focus .tooltiptext,body.about-me .tooltip:hover .tooltiptext{animation:tooltipPulse .6s cubic-bezier(0,0,.2,1) forwards}body.about-me .tooltip .tooltiptext{transform:scale(0);z-index:999;transform-origin:bottom center;min-width:60px;text-transform:capitalize;background:#444;font-weight:400;font-size:12px;line-height:14px;text-align:center;border-radius:2px;color:#fff;padding:8px;position:absolute;bottom:32px;left:50%;margin-left:-30px}@keyframes ripple-out{0%{opacity:1}100%{transform:scale(1.35);opacity:0}}@keyframes tooltipPulse{0%{transform:scale(0);opacity:0}50%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(.9)}100%{transform:scale(1);opacity:1;visibility:visible}}body.about-me .section.intro{background-attachment:fixed;width:100%;height:100vh;display:table;position:relative;text-align:center;background:url(/about-me/img/c3ed441d6adf8a2ee1d38753590d5328d82137d0/intro.jpg) no-repeat center bottom;background-size:cover}body.about-me .section.intro .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,8,54,.9);overflow:hidden}body.about-me .section.intro .content{display:table-cell;vertical-align:middle;text-align:center;-webkit-transform:translateY(-2.1rem);-ms-transform:translateY(-2.1rem);transform:translateY(-2.1rem);color:#fff}body.about-me .section.intro .content .hello-world{color:#8e9eff;font-size:22px;margin-top:10px;margin-bottom:10px;letter-spacing:2px}body.about-me .section.intro .content .my-name{font-size:75px;font-weight:700;margin-top:20px;margin-bottom:10px;line-height:1.1;letter-spacing:2px}body.about-me .section.intro .content .typewrite{text-transform:uppercase;letter-spacing:.2rem;font-size:20px;margin-bottom:30px;text-align:center;font-weight:400}body.about-me .section.intro .content .typewrite .wrap{animation:caret 1s steps(1) infinite;border-right:.08em solid #fff;padding-right:1px}@keyframes caret{50%{border-color:transparent}}body.about-me .section.intro .content .scroll-down{position:absolute;left:50%;bottom:10px;margin-left:-20px;cursor:pointer;animation:down 3s ease infinite}body.about-me .section.intro .content .scroll-down i{padding:50px 20px 0 20px;position:absolute;opacity:.7;background:url(/43cc0e5d6f5ec80bda2dea1579c7abf9b8f63851/475c3/about-me/img/chevron-down.svg) no-repeat center}@keyframes down{0%{bottom:30px}50%{bottom:60px}100%{bottom:30px}}body.about-me .section.card{position:relative}body.about-me .section.card .vcard{height:350px;display:inline-block}body.about-me .section.card .vcard:before{position:absolute;border-style:solid;border-width:0 18px 380px 76px;border-color:transparent #fff #fff transparent;top:0;left:123px;z-index:1}body.about-me .section.card .vcard .dp{height:350px;float:left;width:200px;position:relative;bottom:25px;right:25px;background-size:cover!important;background:url(/about-me/img/7c18961836122dc7c5a5231d44ada7ec98af5a48/me.jpg) no-repeat center}body.about-me .section.card .vcard .info .card-subtitle{margin:15px 0 0 0;font-size:16px}body.about-me .section.card .vcard .info .social{margin:25px 0}body.about-me .section.card .vcard .info .social .container{width:10%;display:inline-block}body.about-me .section.card .vcard .info .social .container a{position:relative;display:inline-block;vertical-align:top;width:40px;height:40px;line-height:46px;text-align:center;background:#2948ff;border-radius:51%;box-shadow:0 6px 10px 0 rgba(0,0,0,.2)}body.about-me .section.card .vcard .info .social .container a .tooltiptext{bottom:40px}body.about-me .section.card .vcard .info .social .container a .social-icon{position:relative;top:1px}@media (max-width:768px){body.about-me .section.card .vcard{height:auto}body.about-me .section.card .vcard .dp{float:none;width:inherit;position:static;margin-bottom:30px}body.about-me .section.card .vcard .info .social .container{width:15%}}body.about-me .section.expertise .material{min-height:200px}body.about-me .section.expertise .card-title .card-icon .icon-url.strategy{background:url(/4aa9eca08ea6cab2b5c4b7344dba4e9088140b8b/d38c2/about-me/img/chess.svg) no-repeat center}body.about-me .section.expertise .card-title .card-icon .icon-url.ux{background:url(/44d870e19f70c51023a73e15a9b706c8e8d0e67a/60ab6/about-me/img/design-tool.svg) no-repeat center}body.about-me .section.expertise .card-title .card-icon .icon-url.code{background:url(/ef2030e6ea473a0150b4f000277cedc7837b65d3/eca25/about-me/img/code-programing-symbol.svg) no-repeat center}body.about-me .section.skills .card-icon .icon-url.pro{background:url(/c33e18d08abb41bb6d73771395c0062fbd3b2332/8077a/about-me/img/programming-code-signs.svg) no-repeat center}body.about-me .section.skills .card-icon .icon-url.personal{background:url(/badce85a8d204cbc49cce3b43294ab6cbb4a33e1/ed43d/about-me/img/business-suit.svg) no-repeat center}body.about-me .section.skills .skill-container{padding:12px 0 14px 0}body.about-me .section.skills .skill-container .skill-name{margin:0 0 6px 0;position:relative;display:block;font-size:14px;color:#363636;font-weight:400;text-align:left}body.about-me .section.skills .skill-container .skill-bar{position:relative;display:block;width:100%;height:8px;background:rgba(0,0,0,.1);border-radius:2px}body.about-me .section.skills .skill-container .skill-bar .percent{position:absolute;top:0;left:0;width:70%;height:8px;background:linear-gradient(to right,#396afc,#2948ff);border-radius:2px}body.about-me .section.skills .skill-container .skill-bar .percent .dot{position:absolute;top:-9px;right:0;height:26px;width:26px;line-height:26px;text-align:center;background:#2948ff;border-radius:26px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2)}body.about-me .section.apps .appcard-container{position:relative}body.about-me .section.apps .appcard.material{display:inline-block;padding:0;border-radius:19px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2);overflow:hidden}body.about-me .section.apps .appcard.material .appcard-title{position:absolute;left:50%;transform:translateX(-50%)}body.about-me .section.apps .appcard.material .appcard-title .appcard-name{display:inline-block;padding:10px;position:relative;bottom:20px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2)}body.about-me .section.apps .appcard.material .appcard-content{position:relative}body.about-me .section.apps .appcard.material .appcard-content .appcard-logo{margin:75px 60px 145px 60px}body.about-me .section.apps .appcard.material .appcard-content .appcard-logo .appcard-img{width:150px;height:150px;background-size:contain}body.about-me .section.apps .appcard.material .appcard-content .appcard-platforms{border-radius:0 0 19px 19px;background:linear-gradient(to right,#396afc,#2948ff);position:absolute;width:100%;bottom:-40px;transform:translateY(100%);transition:all .5s ease}body.about-me .section.apps .appcard.material .appcard-content .appcard-platforms .card-platform{padding:25px;display:inline-block}body.about-me .section.apps .appcard.material .appcard-content .appcard-platforms .card-platform img{width:30px}body.about-me .section.apps .appcard.material .appcard-content .card-desc p{color:#fefefe;margin:0 15px 15px 15px}body.about-me .section.apps .appcard.material:active .appcard-platforms,body.about-me .section.apps .appcard.material:focus .appcard-platforms,body.about-me .section.apps .appcard.material:hover .appcard-platforms{bottom:-145px;transform:translateY(0)}body.about-me .section.experience{position:relative;max-width:1100px;margin:0 auto}@media (max-width:768px){body.about-me .section.experience{bottom:40px}}@media (max-width:1080px){body.about-me .section.experience{margin:0 20px}}@media (max-width:420px){body.about-me .section.experience{margin:0 10px}}body.about-me .section.experience .card-icon{margin:0 0 0 -31px;position:absolute;left:50%;bottom:-45px}body.about-me .section.experience .card-icon .icon-url.exp{background:url(/b81d451bb2f730177378dcfe7c2a7f907c3d71eb/d8d92/about-me/img/suitcase.svg) no-repeat center}body.about-me .section.experience .title{position:relative;z-index:3}@media (max-width:768px){body.about-me .section.experience .title{padding:50px 0 0 80px;text-align:left}body.about-me .section.experience .title .card-icon{margin:0;bottom:0;left:0}}body.about-me .section.experience .timeline{margin:30px 0 0 0;padding:50px 0 0 0;position:relative}body.about-me .section.experience .timeline:before{content:'';margin:0 0 0 -2px;position:absolute;top:0;left:50%;width:3px;height:100%;background:#2948ff}@media (max-width:768px){body.about-me .section.experience .timeline{margin:0}body.about-me .section.experience .timeline:before{left:31px}}body.about-me .section.experience .timeline .block:first-child{margin-top:0}body.about-me .section.experience .timeline .block{margin:30px 0;position:relative}body.about-me .section.experience .timeline .block:after{content:"";display:table;clear:both}body.about-me .section.experience .timeline .block .content{position:relative;width:46%}body.about-me .section.experience .timeline .block .content:before{content:'';position:absolute;top:19px;left:100%;height:0;width:0;border:7px solid transparent;border-left:7px solid #fefefe;z-index:2}body.about-me .section.experience .timeline .block .content:after{content:'';position:absolute;top:18px;left:100%;height:16px;width:9px;z-index:1}@media (max-width:768px){body.about-me .section.experience .timeline .block .content{margin-left:60px;padding-top:60px;position:relative;width:auto}body.about-me .section.experience .timeline .block .content:after,body.about-me .section.experience .timeline .block .content:before{display:none}}body.about-me .section.experience .timeline .block .content .material{margin:0;text-align:left}body.about-me .section.experience .timeline .block .content .material .date{margin:0;position:absolute;top:13px;padding:1px 5px;display:inline-block;vertical-align:top;background:#2948ff;font-size:13px;color:#fefefe;border-radius:2px;border-color:transparent;left:calc(100% + 80px);white-space:nowrap}body.about-me .section.experience .timeline .block .content .material .date:before{content:'';margin:-6px 0 0 0;position:absolute;top:50%;right:100%;height:0;width:0;border:6px solid transparent;border-right:6px solid #2948ff}@media (max-width:768px){body.about-me .section.experience .timeline .block .content .material .date{right:auto;left:0}}body.about-me .section.experience .timeline .block .content .material p{margin:0}body.about-me .section.experience .timeline .block .content .card-subtitle{margin:0 0 10px 0;padding:0;text-align:left}body.about-me .section.experience .timeline .block .point{margin:0 0 0 -13px;position:absolute;top:12px;left:50%;width:26px;height:26px;line-height:26px;text-align:center;background:#2948ff;border-radius:26px;box-shadow:0 6px 10px 0 rgba(0,0,0,.2)}@media (max-width:768px){body.about-me .section.experience .timeline .block .point{margin:0;left:17px}}body.about-me .section.experience .timeline .block:nth-child(even) .content{float:right}body.about-me .section.experience .timeline .block:nth-child(even) .content:before{top:19px;left:auto;right:100%;border-left:none;border-right:7px solid #fefefe}body.about-me .section.experience .timeline .block:nth-child(even) .content:after{top:19px;left:auto;right:100%}body.about-me .section.experience .timeline .block:nth-child(even) .content .date{left:auto;right:calc(100% + 80px)}body.about-me .section.experience .timeline .block:nth-child(even) .content .date:before{right:auto;left:100%;border-right:none;border-left:6px solid #2948ff}@media (max-width:768px){body.about-me .section.experience .timeline .block:nth-child(even) .content .date{right:auto;left:0}body.about-me .section.experience .timeline .block:nth-child(even) .content .date:before{left:auto;right:100%;border-left:none;border-right:6px solid #2948ff}}body.about-me .section.contact .content .material{display:inline-block}body.about-me .section.contact .vcard.content{padding-bottom:0}body.about-me .section.contact .vcard.content .material{position:relative;top:15px}body.about-me .section.contact .vcard.content .material .card-icon{background:url(/about-me/img/68c3a3a37833b6c845ebd2b7a7df57250f2e6828/me_round.jpg) no-repeat center;background-size:contain;width:100px;height:100px;bottom:20px}body.about-me .section.contact .vcard.content .material .card-subname{padding:2px 5px;background:linear-gradient(to right,#396afc,#2948ff);color:#fefefe;font-weight:400}body.about-me .section.contact .vcard.content .card-subtitle{margin-top:0}body.about-me .section.contact .social.content{position:relative;bottom:15px;padding-bottom:0}body.about-me .section.contact .social.content .material .container{width:15%;display:inline-block}body.about-me .section.contact .social.content .material .container a .social-icon{position:relative;top:3px}