*{margin:0;padding:0;transition:.5s}h1,h2,h3{color:#354459}p{color:#546275}a{text-decoration:none;color:#546275}body{background:linear-gradient(135deg,#43edd3 0,#d135ed 100%);width:100%;font-family:sans-serif;background-attachment:fixed}section{max-width:1100px;margin:auto;display:flex;padding:0 30px}.left,.right{display:inline-block;background:#fff;border-radius:15px;padding:20px 10px 0 10px;margin-top:30px;height:max-content;overflow:hidden;margin-bottom:30px}.left{width:29%;text-align:center;min-height:650px;position:sticky;top:30px}.gap{width:3%}.right{width:68%}.shadow{box-shadow:2px 2px 5px rgba(128,128,128,.5)}.shadow:hover{box-shadow:3px 3px 10px grey}.shadow_more{box-shadow:3px 3px 5px grey}.shadow_more:hover{box-shadow:3px 3px 15px rgba(0,0,0,.8)}.shadow_after:hover{box-shadow:3px 3px 10px grey}.tshadow_after:hover,.tshadow_after:hover *{text-shadow:2px 2px 8px #256af3;color:#d135ed}.zoom:hover{transform:scale(1.1);z-index:1}.left .main img{border-radius:50%;max-width:170px;margin:20px}.left .main h1{margin-bottom:20px}.left .main h1 span{font-weight:400}.left .main span.chip{font-size:.9em;margin:20px 0;background:#ececf4;border-radius:20px;padding:8px 20px;color:#4c5a6d}.left .main p.social{margin:60px 0 30px 0}.left .main p.social a{color:#354459;padding:10px;margin:2px}.left .main p.social .fa{font-size:24px}.left .add{background:#f1f2f3;width:calc(100% + 20px);margin-left:-10px;text-align:left}.left .add p{padding:5px 0 5px 20px}.left .add .fa{font-size:20px;margin:10px;width:40px;text-align:center}.left .add a{text-decoration:none}.left .cta{padding:70px 0 30px 0}.left .cta a{background:linear-gradient(to bottom,#256af3 0,#3488f4 100%);color:#fff;text-decoration:none;padding:10px 40px;border-radius:20px}.left .cta a:hover{background:linear-gradient(to bottom,#256af3 0,#d135ed 100%);color:#fff}.right header{padding:20px}.right header h2{font-size:2em}.right header .title::after{content:'';position:absolute;margin-top:10px;height:4px;width:50px;background:#0424f2}.right header nav{float:right;margin-top:-70px}.right header nav ul{position:absolute;background:linear-gradient(to bottom,#256af3 0,#3488f4 100%);border-radius:20px;display:inline-block;margin-top:25px;width:320px;height:37px;text-align:center;margin-left:-320px;overflow:hidden}.right header nav.active ul{margin-left:-320px}.right header nav ul li{list-style:none;display:inline-block;margin:10px}.right header nav ul li a{color:#fff}.right header nav menu{position:absolute;z-index:9;background:#3488f4;border-radius:50%;height:40px;width:40px;overflow:hidden;border:solid 4px #3488f4;text-align:center;display:inline-block;margin-top:20px;margin-left:-35px;cursor:pointer;display:none}.right header nav menu span{background:#fff;height:5px;width:40px;margin:6.4px 0;display:block}.right header nav.active menu span:nth-child(1){transform:rotate(45deg);margin-top:20px;width:45px}.right header nav.active menu span:nth-child(2){width:0;margin-top:-12.8px}.right header nav.active menu span:nth-child(3){transform:rotate(-45deg);margin-top:-15px;width:45px}.right .desc{padding:20px;margin-bottom:20px}.right .desc p{line-height:1.7em;letter-spacing:.07em;font-size:.95em;margin-bottom:.5em}.right .detail{margin-left:-10px;width:calc(100% + 20px);padding:30px;background:#f1f2f3}.right .detail-t{margin:10px 0}.right .detail-t h3{font-size:1.6em}.right .details{width:calc(100% - 40px);margin-left:-30px;padding:20px;display:grid;grid-template-columns:1fr 1fr}.right .skills .details{grid-template-columns:1fr 1fr 1fr 1fr}.right .details .details-p{background:#fff;border-radius:10px;padding:20px;margin:10px;height:60px}.right .details .details-p.portfolio{height:unset;padding:10px 20px 5px 20px}.right .skills .details .details-p{height:unset;text-align:center;padding:20px 15px}.right .details .details-p img{width:40px;float:left;margin:10px 15px 20px 0}.right .details .details-p.portfolio img{width:calc(100% + 40px);float:unset;margin:-10px 0 10px -20px;border-radius:10px 10px 0 0}.right .skills .details .details-p img{width:unset;max-width:130px;height:70px;float:unset;margin:10px 0 20px 0}.xml{height:unset!important;margin:30px 0 40px 0!important}.apis{width:100px!important;height:unset!important;margin:-5px 0 5px 0!important}.right .details .details-p.portfolio .details-t{font-size:1.3em}.right .details .details-d{font-size:.8em;color:#6e7e91;margin:10px 0}.right .details .details-p.portfolio .image-o{margin-top:-110px;margin-bottom:90px;text-align:center;opacity:0}.right .details .details-p.portfolio:hover .image-o{opacity:1}.right .details .details-p.portfolio .image-o a{background:rgba(0,0,0,.8);color:#fff!important;padding:10px 20px;border-radius:20px;margin:10px}.tags{font-size:.8em;display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;margin-bottom:8px}.tag{background-color:#6495ed;color:#fff;border-radius:20px;padding:4px 10px}footer .links{float:right;padding:15px 0;font-size:1.2em}footer .a,footer .b{margin:10px 0;padding:5px 10px;border-radius:5px}footer .credit{float:left;margin:15px 0 15px 10px;padding-top:4px;font-size:.9em}@media (max-width:1160px){.right .skills .details{grid-template-columns:1fr 1fr 1fr}}@media (max-width:960px){section{padding:0 10px}.left,.right{margin-top:10px;margin-bottom:10px}.right header nav menu{display:block}.right header nav ul{width:0;margin-left:-20px;border-top-right-radius:0;border-bottom-right-radius:0}.right header nav.active ul{width:320px;margin-left:-340px}.left{width:39%;top:10px}.gap{width:1%}.right{width:60%}.left .main span.chip{font-size:.8em;padding:8px 15px}.left .add{width:calc(100% - 0px);margin-left:-10px;padding:1px 10px;text-align:left}.left .add p{font-size:.9em}.right .details{grid-template-columns:1fr}.right .skills .details{grid-template-columns:1fr 1fr}.right .details .details-p{padding:15px;margin:7px;height:50px}.right .details .details-p img{width:30px;margin:10px 15px 20px 5px}.right .detail{margin-left:-10px;width:calc(100% + 50px);padding:15px}.right .details .details-p{padding:15px;margin:6px;height:70px}footer .links{width:100%}footer .a{float:left;margin:0}footer .b{float:right;margin:0}footer .credit{text-align:center;width:100%;margin:0;margin-bottom:20px}}@media (max-width:624px){section{max-width:unset;display:block}.left,.right{display:block}.left{width:calc(100% - 20px);position:unset}.gap{width:1%}.right{width:calc(100% - 20px);height:max-content;min-height:unset;padding-bottom:unset}.right .details{padding-bottom:unset}.right .detail{min-height:max-content}.right header{padding:20px 10px}.right .desc{padding:10px}.right .desc p{line-height:1.5em;letter-spacing:.03em;font-size:.9em}}@media (max-width:400px){section{padding:0 5px}.left{margin-top:5px;margin-bottom:5px}.right{margin-top:5px;margin-bottom:5px}.right .details .details-p{padding:15px 5px;margin:5px 0;height:50px}.right .skills .details .details-p{margin:5px 5px}.right .skills .details .details-p img{height:55px;max-width:100px}.xml{margin:27px 0 35px 0!important}.apis{width:85px!important}}