:root{--clr-red:'red';--clrBlack:'#121212';--clrCharcoal:'#212121';--clrDarkGray:'#303030';--clrGray:'#707070';--clrLightGray:'#999999'}body,div,html{font-family:Heebo,sans-serif}#shell{margin:40px 120px}a,a:link,a:visited{text-decoration:underline}a:hover{cursor:pointer;text-decoration:none}h3{margin:0;padding:0}#container{min-height:400px;border-radius:45px 45px 45px 30px;-moz-border-radius:45px 45px 45px 30px;-webkit-border-radius:45px 45px 45px 30px;border:0 solid #000;-webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.16);-moz-box-shadow:0 4px 12px 0 rgba(0,0,0,.16);box-shadow:0 4px 12px 0 rgba(0,0,0,.16)}#contentContainer{padding:50px}.txtName{padding:0;margin:0;font-weight:700;font-size:60px;line-height:60px}.txtTitle{padding:0;margin:0 0 20px 0;font-weight:400;font-size:30px;line-height:40px}.txtBio,.txtLegal{font-size:16px}.transition{transition-duration:.2s}.button{height:50px;width:200px;text-align:center;border-radius:100px 100px 100px 100px;-moz-border-radius:100px 100px 100px 100px;-webkit-border-radius:100px 100px 100px 100px}.button:hover{-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.1);box-shadow:0 1px 5px 0 rgba(0,0,0,.1)}.btnResume{line-height:50px;text-align:center;display:inline-table}.btnResumeImg{vertical-align:middle;margin-bottom:5px;margin-right:5px}.btnResume:hover .btnResumeImg{content:url(../images/pdfIcon.svg)}.aboutMeContainer{display:flex;flex-direction:row;flex-wrap:wrap}.containerConnections{display:flex;flex:1;flex-direction:column;align-items:center;margin-right:50px}.imgContainer img{width:200px;height:200px;margin-bottom:10px;background-color:transparent}.imgMe{width:200px;height:200px;margin-bottom:10px;background-color:transparent;border-radius:50%;-webkit-box-shadow:0 4px 50px 0 rgba(0,0,0,.16);-moz-box-shadow:0 4px 50px 0 rgba(0,0,0,.16);box-shadow:0 4px 50px 0 rgba(0,0,0,.16)}.containerBio{display:flex;flex:3;flex-direction:column}.experienceContainer{margin:40px 0}.txtTitleExperience{font-weight:700;font-size:26px;margin-bottom:10px}.txtWhatIDoSub{border-bottom:3px solid #707070}.doImg.imgIcon.iconCode{width:75px;height:75px;background:url(../images/doRocket.svg) no-repeat 0 0}.doImg.imgIcon.iconCode:hover{width:75px;height:75px;background:url(../images/doRocket-color.svg) 0 0 no-repeat}.doImg.imgIcon.iconUx{width:75px;height:75px;background:url(../images/doUx.svg) no-repeat 0 0}.doImg.imgIcon.iconUx:hover{width:75px;height:75px;background:url(../images/doUx-color.svg) 0 0 no-repeat}.doImg.imgIcon.iconDevops{width:75px;height:75px;background:url(../images/doDevops.svg) no-repeat 0 0}.doImg.imgIcon.iconDevops:hover{width:75px;height:75px;background:url(../images/doDevops-color.svg) 0 0 no-repeat}.doImg.imgIcon.iconPhone{width:75px;height:75px;background:url(../images/doPhone.svg) 0 0 no-repeat}.doImg.imgIcon.iconPhone:hover{background:url(../images/doPhone-color.svg) 0 0 no-repeat}.whatIDoItems{display:flex;flex-direction:row}.whatIDoItems>*{flex-basis:100%}.whatIDoContainer{margin:5px;min-height:70px;padding:15px;border-radius:20px 20px 20px 20px;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;transition:all .25s ease-in;text-align:center}.whatIDoContainer:hover{-webkit-box-shadow:0 3px 30px 0 rgba(0,0,0,.18);-moz-box-shadow:0 3px 30px 0 rgba(0,0,0,.18);box-shadow:0 3px 30px 0 rgba(0,0,0,.18);border-radius:20px 20px 20px 20px;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;cursor:pointer}.whatIDoContainerActive{-webkit-box-shadow:0 3px 30px 0 rgba(0,0,0,.18);-moz-box-shadow:0 3px 30px 0 rgba(0,0,0,.18);box-shadow:0 3px 30px 0 rgba(0,0,0,.18);border-radius:20px 20px 20px 20px;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;backdrop-filter:blur(0) opacity(0);z-index:100}.doText{overflow:hidden}.txtDoTitle{font-weight:500}.detailsContainer{font-size:14px;display:none;overflow-y:auto;width:70%;margin:5px;padding:15px 20px;-webkit-box-shadow:0 4px 50px 0 rgba(0,0,0,.3);-moz-box-shadow:0 4px 50px 0 rgba(0,0,0,.3);box-shadow:0 4px 50px 0 rgba(0,0,0,.3);border-radius:20px 20px 20px 20px;-moz-border-radius:20px 20px 20px 20px;-webkit-border-radius:20px 20px 20px 20px;min-height:100px;float:left;position:absolute}.details{font-size:14px;display:none;z-index:10000;padding-top:20px;border-top:1px solid;margin-top:20px;backdrop-filter:blur(0) opacity(0)}.iconCode.active{content:url(../images/doRocket-color.svg)}.iconUx.active{content:url(../images/doUx-color.svg)}.iconPhone.active{content:url(../images/doPhone-color.svg)}.iconDevops.active{content:url(../images/doDevops-color.svg)}.whatIDoContainer:hover .iconCode{content:url(../images/doRocket-color.svg)}.whatIDoContainer:hover .iconUx{content:url(../images/doUx-color.svg)}.whatIDoContainer:hover .iconPhone{content:url(../images/doPhone-color.svg)}.whatIDoContainer:hover .iconDevops{content:url(../images/doDevops-color.svg)}.doImg{width:75px;margin:0 auto}.containerClose{text-align:right;height:0;cursor:pointer;display:none}.close{background-color:#fff;width:40px;height:40px;text-align:center;color:#707070;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-webkit-box-shadow:0 3px 30px 0 rgba(0,0,0,.1);-moz-box-shadow:0 3px 30px 0 rgba(0,0,0,.1);box-shadow:0 3px 30px 0 rgba(0,0,0,.1);position:relative;top:-20px;right:-20px;float:right;line-height:36px;font-weight:700;font-size:20px;border:5px solid #fff;z-index:1000}.closeActive{display:block;float:right}.doContainerActive{height:200px}.overlay{transition:backdrop-filter .2s;width:100%;height:100%;position:fixed;top:0;left:0;pointer-events:none;backdrop-filter:blur(3px) opacity(0);-webkit-backdrop-filter:blur(3px) opacity(0)}.overlay-show{pointer-events:all;backdrop-filter:blur(3px) opacity(1);-webkit-backdrop-filter:blur(3px) opacity(1)}#ltCornerContainer{width:50px;height:50px;float:left}#btnContainer{width:70px;height:70px;border:0 solid #e3e3e3;display:flex;border-radius:45px 0 45px 0;-moz-border-radius:45px 0 45px 0;-webkit-border-radius:45px 0 45px 0;float:left}#btnHome{width:70px;height:70px;display:flex;align-items:center;justify-content:center}#darkModeContainer{width:70px;height:70px;border:0 solid #000;display:flex;float:right}#btnDarkMode{width:70px;height:70px;display:flex;align-items:center;justify-content:center}#header{height:70px}#footer{background:url(../images/earth.svg) no-repeat fixed;z-index:-10;margin-top:-50px;position:relative;text-align:center}.legalFooter{display:flex;flex-wrap:wrap;margin-top:10px;margin-left:15px}.legalFooter>.legalItem{flex:1 1 30%}.privacy{font-size:14px;text-align:center}.copyright{font-size:12px;color:#707070}.resumeContainer{margin-top:35px}@media (max-width:1200px){#shell{margin:20px 40px}}@media (max-width:900px){.txtName{font-size:50px;line-height:50px}.txtTitle{font-size:25px}.txtBio{font-size:16px;text-align:center}#contentContainer{padding:40px}.aboutMeContainer{display:flex;flex-direction:column}.containerConnections{margin-right:0;margin-bottom:40px}.txtName{font-size:40px;line-height:40px;text-align:center}.txtTitle{font-size:20px;text-align:center}.resumeContainer{margin:40px auto 0}.txtTitleExperience{text-align:center}.whatIDoItems{display:flex;flex-direction:column}.whatIDoContainer{display:flex;flex-direction:column;flex:1 1 100%}.doImg{text-align:center;width:100px;max-width:100px;margin:0 auto 20px}.doText{margin-left:0}.legalFooter>.legalItem{flex:1 0 100%;margin-bottom:10px}.copyright,.privacy{text-align:center}}@media (max-width:600px){#shell{margin:20px 10px}}#socialContainer{height:20px;text-align:center}.social-links{display:inline-block}ul.social-icons{list-style:none;padding:0;margin:0}ul.social-icons li{position:relative;float:left;list-style:none;padding-left:10px}.social_sprite,.social_sprite-facebook,.social_sprite-linkedin,.social_sprite-mm,.social_sprite-stack,.social_sprite-twitter{width:20px;height:20px;display:block}.social_sprite-mm{background:url(../images/social-mm.svg) no-repeat 0 0}.social_sprite-mm:hover{background:url(../images/social-mm-color.svg) no-repeat 0 0}.social_sprite-facebook{background:url(../images/social-facebook.svg) no-repeat 0 0}.social_sprite-facebook:hover{background:url(../images/social-facebook-color.svg) no-repeat 0 0}.social_sprite-twitter{background:url(../images/social-twitter.svg) no-repeat 0 0}.social_sprite-twitter:hover{background:url(../images/social-twitter-color.svg) no-repeat 0 0}.social_sprite-linkedin{background:url(../images/social-linkedin.svg) no-repeat 0 0}.social_sprite-linkedin:hover{background:url(../images/social-linkedin-color.svg) no-repeat 0 0}.social_sprite-stack{background:url(../images/social-stack.svg) no-repeat 0 0}.social_sprite-stack:hover{background:url(../images/social-stack-color.svg) no-repeat 0 0}