@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Montserrat";:root{--darkest-blue: #000000;--darker-blue: #111111;--dark-blue: #222222;--medium-blue: #333333;--light-blue: #555555;--lighter-blue: #777777;--lightest-blue: #dddddd;--white: #ffffff;--black: #000000;--orange: #ffffff;--yellow: #e6e6e6;--dark-pink: #333333;--light-pink: #777777}*{outline:none}*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}html,body{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;-webkit-transition:.5s;transition:.5s;background:#252525;cursor:default;font-family:Montserrat,sans-serif;font-size:16px}a{text-decoration:none;color:var(--white);display:block;transition-duration:.3s}ul{list-style-type:none;padding:0}h3{color:var(--orange);margin:10px 0;text-transform:lowercase;font-size:1.25em}.resume{width:960px;background:var(--darkest-blue);color:var(--white);margin:20px auto;box-shadow:10px 10px var(--black);position:relative;display:flex;max-width:100%}.resume .base,.resume .func{box-sizing:border-box;float:left}.resume .base>div,.resume .func>div{padding-bottom:10px}.resume .base>div:last-of-type,.resume .func>div:last-of-type{padding-bottom:0}.resume .base{width:30%;padding:30px 15px;background:var(--darker-blue);color:var(--white)}.resume .base .profile{background:var(--orange);padding:30px 15px 40px;margin:-30px -15px 45px;position:relative;z-index:2}.resume .base .profile:after{content:"";position:absolute;background:var(--dark-blue);width:100%;height:30px;bottom:-15px;left:0;transform:skewY(-5deg);z-index:-1}.resume .base .profile .photo img{width:100%;border-radius:50%}.resume .base .profile .photo{display:flex;justify-content:center;align-items:center}.resume .base .profile .fa-rocket{font-size:100px;text-align:center;margin:auto;color:var(--darker-blue)}.resume .base .profile .info{text-align:center;color:var(--black)}.resume .base .profile .info .name{margin-top:10px;margin-bottom:0;font-size:1.75em;text-transform:lowercase;color:var(--darkest-blue)}.resume .base .profile .info .job{margin-top:10px;margin-bottom:0;font-size:1.5em;text-transform:lowercase;color:var(--darker-blue)}.resume .base .contact div{line-height:24px}.resume .base .contact div a:hover{color:var(--yellow)}.resume .base .contact div a:hover span:after{width:100%}.resume .base .contact div:hover i{color:var(--yellow)}.resume .base .contact div i{color:var(--orange);width:20px;height:20px;font-size:20px;text-align:center;margin-right:15px;transition-duration:.3s}.resume .base .contact div span{position:relative}.resume .base .contact div span:after{content:"";position:absolute;background:var(--yellow);height:1px;width:0;bottom:0;left:0;transition-duration:.3s}.resume .base .follow .box{text-align:center;vertical-align:middle}.resume .base .follow .box a{display:inline-block;vertical-align:text-bottom}.resume .base .follow .box a:hover i{background:var(--yellow);border-radius:5px;transform:rotate(45deg) scale(.8)}.resume .base .follow .box a:hover i:before{transform:rotate(-45deg) scale(1.5)}.resume .base .follow .box i{display:inline-block;font-size:30px;background:var(--orange);width:60px;height:60px;border-radius:50%;line-height:60px;color:var(--darker-blue);margin:0 10px 10px;transition-duration:.3s}.resume .base .follow .box i:before{transition-duration:.3s}.resume .base .follow .box i.fa:before{display:block}.resume .func{width:100%;padding:30px}.resume .func:hover>div{transition-duration:.5s}.resume .func:hover>div:hover h3 i{transform:scale(1.25)}.resume .func:hover>div:not(:hover){opacity:.5}.resume .func h3{transition-duration:.3s;margin-top:0}.resume .func h3 i{color:var(--darker-blue);background:var(--orange);width:42px;height:42px;font-size:20px;line-height:42px;border-radius:50%;text-align:center;vertical-align:middle;margin-right:8px;transition-duration:.3s}.resume .func .work,.resume .func .edu{float:left}.resume .func .work small,.resume .func .edu small{display:block;opacity:.7}.resume .func .work ul li,.resume .func .edu ul li{position:relative;margin-left:15px;padding-left:25px;padding-bottom:15px}.resume .func .work ul li:hover:before,.resume .func .edu ul li:hover:before{animation:circle 1.2s infinite}.resume .func .work ul li:hover span,.resume .func .edu ul li:hover span{color:var(--yellow)}@keyframes circle{0%{box-shadow:0 0 0 0 var(--yellow)}to{box-shadow:0 0 0 6px #fff0}}.resume .func .work ul li:first-of-type:before,.resume .func .edu ul li:first-of-type:before{width:10px;height:10px;left:1px}.resume .func .work ul li:last-of-type,.resume .func .edu ul li:last-of-type{padding-bottom:3px}.resume .func .work ul li:last-of-type:after,.resume .func .edu ul li:last-of-type:after{border-radius:1.5px}.resume .func .work ul li:before,.resume .func .work ul li:after,.resume .func .edu ul li:before,.resume .func .edu ul li:after{content:"";display:block;position:absolute}.resume .func .work ul li:before,.resume .func .edu ul li:before{width:7px;height:7px;border:3px solid var(--white);background:var(--orange);border-radius:50%;left:3px;z-index:1}.resume .func .work ul li:after,.resume .func .edu ul li:after{width:3px;height:100%;background:var(--white);left:5px;top:0}.resume .func .work ul li span,.resume .func .edu ul li span{transition-duration:.3s}.resume .func .work{width:48%;background:var(--darker-blue);padding:15px;margin:0 4% 15px 0}.resume .func .edu{width:48%;background:var(--darker-blue);padding:15px}.resume .func .skills-prog{clear:both;background:var(--darker-blue);padding:15px}.resume .func .skills-prog ul{margin-left:15px}.resume .func .skills-prog ul li{margin-bottom:8px;display:flex;align-items:center;transition-duration:.3s}.resume .func .skills-prog ul li:hover{color:var(--yellow)}.resume .func .skills-prog ul li:hover .skills-bar .bar{background:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.resume .func .skills-prog ul li span{display:block;width:120px}.resume .func .skills-prog ul li .skills-bar{background:var(--white);height:2px;width:calc(100% - 120px);position:relative;border-radius:2px}.resume .func .skills-prog ul li .skills-bar .bar{position:absolute;top:-1px;height:4px;background:var(--orange);box-shadow:0 0 0 var(--orange);border-radius:5px}.resume .func .skills-soft{clear:both;background:var(--darker-blue);padding:15px;margin:15px 0 0}.resume .func .skills-soft ul{display:flex;justify-content:space-between;text-align:center}.resume .func .skills-soft ul li{position:relative}.resume .func .skills-soft ul li:hover svg .cbar{stroke:var(--yellow);stroke-width:4px}.resume .func .skills-soft ul li:hover span,.resume .func .skills-soft ul li:hover small{transform:scale(1.2)}.resume .func .skills-soft ul li svg{width:95%;fill:transparent;transform:rotate(-90deg)}.resume .func .skills-soft ul li svg circle{stroke-width:1px;stroke:var(--white)}.resume .func .skills-soft ul li svg .cbar{stroke-width:3px;stroke:var(--orange);stroke-linecap:round}.resume .func .skills-soft ul li span,.resume .func .skills-soft ul li small{position:absolute;display:block;width:100%;top:52%;transition-duration:.3s}.resume .func .skills-soft ul li span{top:40%}.resume .func .interests{background:var(--darker-blue);margin:15px 0 0;padding:15px}.resume .func .interests-items{box-sizing:border-box;padding:0 0 15px;width:100%;text-align:center;display:flex;justify-content:space-between}.resume .func .interests-items div{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;border-radius:50%}.resume .func .interests-items div:hover i{transform:scale(1.2)}.resume .func .interests-items div:hover span{color:var(--yellow);transition-duration:.3s}.resume .func .interests-items div i{font-size:45px;width:60px;height:60px;line-height:60px;color:var(--orange);transition-duration:.3s}.resume .func .interests-items div span{display:block}
