@keyframes name{from{opacity:0;margin-left:-100%}to{opacity:1;margin-left:0%}}@keyframes rightSlide{from{opacity:0;width:200%}to{opacity:1;width:100%}}@keyframes glow{from{text-shadow:0 0 5px #78cc6d,0 0 3px #78cc6d,0 0 3px #78cc6d,0 0 1px #78cc6d,0 0 1px #78cc6d 0 0 1px #78cc6d,0 0 1px #78cc6d}to{text-shadow:0 0 1px #78cc6d,0 0 1px #78cc6d,0 0 1px #78cc6d,0 0 1px #78cc6d,0 0 3px #78cc6d,0 0 1px #78cc6d,0 0 1px #78cc6d}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes leftSlide{from{opacity:0;transform:translateX(-19rem)}to{opacity:1;transform:translateX(0rem)}}*{outline:none;box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}html{background:#31313a;color:rgba(255,255,255,0.851)}@media only screen and (min-width: 600px){html{font-size:120%}}@media only screen and (min-width: 1024px){html{font-size:100%}}@media only screen and (min-width: 1600px){html{font-size:120%}}@media only screen and (min-width: 2200px) and (min-height: 1200px){html{font-size:150%}}@media only screen and (min-height: 2000px){html{font-size:250%}}@media only screen and (min-width: 1024px){body{display:flex;justify-content:center;align-items:center;height:100vh}}ul,li{list-style:none}a{color:rgba(255,255,255,0.851);text-decoration:none}a:hover,a:focus{color:#78cc6d;text-decoration:underline}img{display:block}.hidden-visually{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;width:1px;height:1px;white-space:nowrap}@font-face{font-family:'Poppins Regular';src:url("../fonts/Poppins-Regular.woff")}html{font-family:'Poppins Regular', sans-serif}input,select,textarea,button{color:inherit;font-family:inherit;font-size:inherit}h2{margin:-2.3rem 0 2rem;font-size:1.3rem}h3{margin:1rem 0;font-size:1rem}p{color:rgba(255,255,255,0.55);line-height:1.7}li{color:rgba(255,255,255,0.851);font-size:0.9rem}#resume{scrollbar-width:thin}#resume::-webkit-scrollbar{width:8px}#resume::-webkit-scrollbar-thumb{border-radius:.2rem;background:rgba(255,255,255,0.55)}#nav{z-index:10;position:sticky;top:0;background:#31313a}.menu{display:flex;justify-content:space-evenly;align-items:initial;height:fit-content;background:#28282f}@media only screen and (min-width: 1024px){.menu{border-radius:.2rem;box-shadow:inset 0 0 10px 10px rgba(0,0,0,0.5);justify-content:initial;flex-flow:column nowrap;padding:1rem}}.menu-item{display:flex;flex-flow:column nowrap;padding:1.2rem 0 1rem;text-align:center}.menu-item:nth-of-type(5){display:none}@media only screen and (min-width: 1024px){.menu-item:nth-of-type(5){display:inherit}}@media only screen and (min-width: 1024px){.menu-item{border-bottom:0.1rem solid rgba(255,255,255,0.048)}.menu-item:first-of-type{display:none}}.menu-link{color:#78cc6d;font-size:0.7rem}.menu-link .fa,.menu-link .fas{margin:0 1rem;padding:0;font-size:1.1rem}.menu-link:hover,.menu-link:focus{color:rgba(255,255,255,0.851);text-decoration:none}@media only screen and (min-width: 1024px){.showcase-wrapper{z-index:2;border-radius:.2rem;box-shadow:inset 0 0 10px 10px rgba(0,0,0,0.5);width:30%;padding:1rem 1rem 0 1rem;background:#28282f}}@media only screen and (min-width: 1400px){.showcase-wrapper{width:25%}}#showcase{clip-path:polygon(0 0, 100% 0, 100% 80%, 50% 100%, 50% 100%, 0 80%);height:41vh;background:url(../img/bg.jpg) no-repeat center center/cover}@media only screen and (min-height: 600px){#showcase{height:45vh}}@media only screen and (min-height: 700px){#showcase{height:50vh}}@media only screen and (min-height: 800px){#showcase{height:57vh}}@media only screen and (min-width: 1024px){#showcase{border-radius:.2rem;width:100%;height:40vh}}.frame{position:relative;border:0.2rem solid #31313a;border-radius:50%;box-shadow:rgba(120,204,109,0.239) -0.7rem 0.4rem;width:9rem;height:9rem;margin:-6rem auto 0;background:url(../img/profile.jpg) no-repeat center center/cover}.frame:hover,.frame:focus{transform:scale(2);transition:transform 1000ms ease-in}.intro{margin-top:1rem;text-align:center}.intro h1{animation:name 2s ease}.profile-name{margin:0;font-size:2rem;text-shadow:0 0 0.2rem #ad9696;animation:name 2s ease}.engineer{margin:0;color:#78cc6d;animation:rightSlide 2s ease}.icons{display:flex;justify-content:space-around;align-items:initial;margin:1rem}.icons .fa,.icons .fas,.icons .fab{font-size:2.8rem}@media only screen and (min-width: 1024px){.icons .fa,.icons .fas,.icons .fab{font-size:2rem}}.links{border-top:0.1rem solid rgba(255,255,255,0.048);border-bottom:0.1rem solid rgba(255,255,255,0.048);display:flex;justify-content:space-evenly;align-items:initial;padding:1rem 0}#link-1{animation:glow 1s ease-in-out infinite alternate}.vl{border-right:0.1rem solid rgba(255,255,255,0.048)}#link-2{animation:glow 2s ease-in-out infinite alternate}.wrapper{border-bottom:0.1rem solid rgba(255,255,255,0.048);margin:0 1.5rem 0 1.8rem;padding-bottom:1.3rem}.circle{border:1rem solid rgba(120,204,109,0.239);border-radius:50%;display:inline-flex;width:1rem;height:1rem;margin:1.5rem 0 0 -0.6rem}#about .circle{margin-left:-0.55rem}#contact .circle{margin-left:-0.5rem}#skills .circle{margin-left:-0.35rem}.first{color:#78cc6d;font-size:1.3rem}.fa-info-circle{padding-left:0.5rem;color:#78cc6d;font-size:1.4rem}.text{margin-bottom:1rem}.summary{color:rgba(255,255,255,0.55)}.sum-item{margin:0 0 0.2rem 0;color:rgba(255,255,255,0.55);font-size:1rem}.info{border-radius:.2rem;padding-left:0.3rem;background:#78cc6d;color:rgba(255,255,255,0.851)}@media only screen and (min-width: 1024px){#experience{display:none}}.fa-briefcase{padding-left:0.5rem;color:#78cc6d;font-size:1.4rem}.current-position .date{border:0.1rem solid #78cc6d;color:#78cc6d}.date{border:0.1rem solid rgba(255,255,255,0.55);border-radius:.2rem;display:inline-flex;margin-bottom:0.6rem;padding:0 0.2rem;color:rgba(255,255,255,0.55);font-size:0.9rem}.position{margin-bottom:0.5rem;color:rgba(255,255,255,0.851);font-size:1.1rem}.company{margin-bottom:1rem}.company a{color:rgba(255,255,255,0.55);font-size:0.9rem;text-decoration:underline}.company a:hover,.company a:focus{color:#78cc6d;text-decoration:underline}.text{border-bottom:0.1rem solid rgba(255,255,255,0.048);padding-bottom:1rem}#education .fa-institution{padding-left:0.5rem;color:#78cc6d;font-size:1.4rem}@media only screen and (min-width: 1024px){#education{display:none}}.course{font-size:1rem}.course:not(:last-of-type){margin-bottom:0.5rem}@media only screen and (min-width: 1024px){#skills{display:none}}.fa-battery-full{padding-left:0.5rem;color:#78cc6d;font-size:1.4rem}.skill{font-size:0.9rem}.bar{margin-bottom:1.5rem;background:rgba(255,255,255,0.55)}.fill{padding:0.2rem 0;background:#78cc6d}.fill-1{width:90%}.fill-2{width:100%}#contact .wrapper{border:0;padding-bottom:0}#contact .fa-pencil-square-o{padding-left:0.5rem;color:#78cc6d;font-size:1.4rem}@media only screen and (min-width: 1024px){#contact{display:none}}label,input,textarea{border:0;display:block;width:100%;margin-top:2rem;background:#31313a;color:rgba(255,255,255,0.851);font-size:1rem}@media only screen and (min-width: 1024px){label,input,textarea{margin-top:4rem;background:#28282f}}input,textarea{border-bottom:0.1rem solid rgba(255,255,255,0.55)}textarea{resize:none;overflow:hidden}label:focus,input:focus,textarea:focus{border-bottom:0.1rem solid #78cc6d}#footer{padding:1rem 0;background:#28282f;font-size:1rem;text-align:center}#footer p{color:#78cc6d}@media only screen and (min-width: 1024px){#footer{display:none}}@media only screen and (min-width: 1024px){#resume{z-index:1;border-radius:.2rem;box-shadow:inset 0 0 10px 10px rgba(0,0,0,0.5);width:35%;height:75%;background:#28282f;overflow:auto}}@media only screen and (min-height: 800px){#resume{height:69%}}@media only screen and (min-height: 1200px){#resume{height:59%}}@media only screen and (min-height: 1500px){#resume{height:65%}}#thanks-message,#error-message{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;min-height:100%;padding:1rem 0;text-align:center}.btn{border:0;border-radius:.2rem;display:block;margin:2rem auto;padding:1.2rem 1rem 1rem;background:#78cc6d;color:#28282f;font-size:1rem;font-weight:600}.btn:hover,.btn:focus{background:#78fa6d;cursor:pointer}