@font-face{font-family:Cairo;src:url(../fonts/Cairo/Cairo.ttf);font-display:swap}*{padding:0;margin:0;font-family:Cairo;box-sizing:border-box}body,html{height:100%}body{display:grid;grid-template-columns:22% auto;background-color:#001011;color:#f0f0f0}header{width:22%;position:fixed;top:0;left:0;padding:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}main{background-color:#edf2f8;color:#001011;grid-column:2;font-size:1.2rem}footer{width:22%;position:fixed;bottom:0;left:0;padding:0 2%;font-size:.8em;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}header .logo{text-align:center}header .logo .text{text-align:left;margin-left:5%;vertical-align:top;display:inline-block}header .logo p{font-weight:700;font-size:1.2em;line-height:1.2em}header .logo img{padding-right:5%;border-right:medium solid #fff;display:inline-block;width:58px;height:40px;width:30%}header .socials{text-align:center}header .socials a{width:32px;height:32px;background-color:#edf2f8;display:inline-block;background-size:50%;background-repeat:no-repeat;background-position:center;margin:1em .5em;border-radius:50%;transition:all .2s ease}header .socials a:hover{background-color:#71a3bb}header .socials a.github-link{background-image:url(../icons/socials/github.svg)}header .socials a.linkedin-link{background-image:url(../icons/socials/linkedin.svg)}header .socials a.facebook-link{background-image:url(../icons/socials/facebook.svg)}header .socials a.whatsapp-link{background-image:url(../icons/socials/skype.svg)}header .socials a span.assistive-text{width:1px;height:1px;position:absolute;overflow:hidden;top:-20px}nav ul li{list-style-type:none;margin:.8em 0}nav ul li a{position:relative;cursor:pointer;display:inline-block;padding:.5em 1em;color:inherit;text-decoration:none;transition:all .2s ease}nav ul li a .icon{padding:3px 4px 4px 4px;display:inline-block;vertical-align:middle;background-color:#757780;height:28px;border-radius:50%;transition:all .2s ease}nav ul li a .icon img{width:20px;height:20px}nav ul li a p{margin-left:10px;display:inline-block;vertical-align:middle}nav ul li a:hover,nav ul li.active{color:#6ccff6;transition:all 1 ease}nav ul li a:hover .icon,nav ul li.active a .icon{background-color:#edf2f8;box-shadow:0 0 10px 1px rgba(255,255,252,.75);-webkit-box-shadow:0 0 10px 1px rgba(255,255,252,.75);-moz-box-shadow:0 0 10px 1px rgba(255,255,252,.75)}article{min-height:100vh;padding:2%}@-webkit-keyframes widthExtend{0%{width:0}100%{width:100%}}@-moz-keyframes widthExtend{0%{width:0}100%{width:100%}}@-o-keyframes widthExtend{0%{width:0}100%{width:100%}}@keyframes widthExtend{0%{width:0}100%{width:100%}}article.home{position:relative;text-align:center;color:#fff;background-image:url(../images/background-min.webp);background-size:cover;background-position-x:10em;background-position-y:-8em;background-attachment:fixed;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center}article.home h1{font-size:2.5em;line-height:1em}article.home h2{font-size:1.4em}article.home h2 .highlight{position:relative}article.home h2 .highlight::after{content:"";position:absolute;width:100%;height:2px;left:0;bottom:.1em;background-color:#98ce00}article:not(.home) h1{display:inline-block;position:relative;letter-spacing:.05em}article:not(.home) h1::after{content:"";position:absolute;bottom:.2em;left:.5em;background-color:#6ccff6;width:150%;height:2px}article h2{text-align:center}article h2.type{display:inline-block;margin:1em 0 1em 10%;text-align:left}article h2.type span.typeWriter{border-bottom:medium solid #71a3bb}article h2.type span.cursor{color:#757575;border-bottom:medium solid #71a3bb}article li,article p{text-align:justify;font-size:.8em}section.personal-info ul{display:inline-block;width:50%;margin:2em auto;padding:0 5%;vertical-align:top;list-style-type:none}section.personal-info ul li{position:relative}section.personal-info ul li:before{position:absolute;content:"";width:28px;height:28px;left:-28px;background-image:url(../icons/bullet.svg);background-size:80%;background-position:center}section.personal-info ul li a{color:#001011}section.hobbies{display:flex;flex-direction:row;align-items:stretch;justify-content:center;margin-bottom:5%}.hobby{width:20%;font-size:.5em;list-style-type:none;padding:1em;margin:1%;background-color:#fffffc;border:thin dashed #757780;border-top-left-radius:1em;border-bottom-right-radius:1em;text-align:center}.hobby h2{margin:0;padding:0}.hobby img{display:inline-block;line-height:41px;vertical-align:middle;width:20%;margin:2%}.hobby img:not(.except-min-height){min-height:38px}article.skills{background-color:#fff}.skill-list-container{padding:20px}.skill-container{display:inline-grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto;gap:1%;width:29%;margin:2%;height:56px}img.skill-icon{width:45px;height:45px;grid-column:1/3;grid-row:1/2;opacity:.8;transition:all .2s ease}.skill-container:hover img.skill-icon{opacity:1}.skill{padding:1%;grid-column:3/13;grid-row:1/2;display:grid;grid-template-columns:repeat(12,1fr);height:46px}.skill>p.skill-title{grid-column:1/5;font-weight:700;margin:0 1% 0 1%}.skill>.skill-related{grid-column:5/12;margin-left:1%}.skill-tooltip{width:15%;max-width:20px;max-height:20px;display:inline-block;position:relative;cursor:pointer}.tooltip-text{position:absolute;width:100px;bottom:100%;left:50%;margin-left:-50px;z-index:1;visibility:hidden;opacity:0;background-color:#001011;color:#edf2f8;padding:2px 5px;font-size:.8em;text-align:center;border-radius:6px;transition:all .2s ease}.tooltip-text::after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#001011 transparent transparent transparent}.skill-tooltip:hover .tooltip-text{visibility:visible;opacity:1}.skill-related img{align-self:self-start;margin:0 1%;opacity:.8;transition:all .2s ease}.skill-container:hover .skill-related img{opacity:1}.skill-badge{grid-column:12/13;padding:0 7px;font-size:.8em;font-weight:700;line-height:1.5em;text-align:center;background-color:#edf2f8;height:24px;border-radius:3px;color:#001011}.skill-confidence-wrap{grid-column:1/13;grid-row:2/3;height:5px;background-color:#edf2f8}.skill-confidence{width:0%;height:5px;background-color:#71a3bb;transition:all .2s ease}.exp-container{margin:20px 0;padding:0 5%}.exp-work{position:relative;border-left:2px solid #71a3bb;padding-left:20px;padding-bottom:30px}.exp-work::before{content:"";width:16px;height:16px;border-radius:16px;border:2px solid #71a3bb;position:absolute;left:-10px;background-color:#fff}.exp-work h2{text-transform:uppercase;text-align:left;font-size:1em;letter-spacing:1px;line-height:1.1em}.exp-company-info-container{padding:20px 0}.company-info,.company-logo{display:inline-block;vertical-align:top}.company-logo{margin-right:10px}.company-logo img{width:52px;height:52px}.company-info h3.company-name,.company-info span.company-stay-duration{display:inline-block;vertical-align:middle;margin-bottom:0}.company-info h3.company-name{line-height:.8em}.company-info span.company-stay-duration{background-color:#98ce00;font-size:.6em;font-weight:700;padding:0 7px;margin-left:10px;border-radius:3px}.company-info p.company-location{line-height:.8em}.exp-works ul{padding-left:20px}.project-tags{text-align:center}.project-tags ul li{list-style-type:none;background-color:#001011;padding:0 8px;color:#edf2f8;display:inline-block;cursor:pointer;border-radius:5px;transition:all .2s ease;border:thin solid #001011}.project-tags ul li:hover{border:thin solid #001011;background-color:#edf2f8;color:#001011}.projects{padding:20px 0}.card{cursor:pointer;background-color:#fff;border-radius:3px;opacity:.8;transition:all .2s ease}.card:hover{opacity:1;box-shadow:0 0 20px 0 rgba(0,16,17,.2);-webkit-box-shadow:0 0 20px 0 rgba(0,16,17,.2);-moz-box-shadow:0 0 20px 0 rgba(0,16,17,.2)}.project{width:20%;margin:0 2%;display:inline-block;vertical-align:top;overflow:none;padding:10px}.project .title{font-size:.8em;font-weight:700;text-align:center;color:#001011}.contact-form-container{background-color:#fff}.input-group{display:flex;margin:20px 0}.input-group label{text-align:right;width:20%;margin-right:1%}.input-group input[type=email],.input-group input[type=text],.input-group textarea{flex-grow:1;margin-left:1%;background-color:#edf2f8;border:none;outline:0;border-radius:5px;padding:7px;color:#333}.input-group input[type=submit]{margin-left:1%;background-color:#001011;border:thin solid #000;color:#edf2f8;border-radius:5px;padding:7px 15px;cursor:pointer;transition:all .2s ease}.input-group input[type=submit]:hover{background-color:#edf2f8;color:#010101}.form{padding:0 5%}