.about{opacity:0;animation:fadeIn 1s ease-in-out forwards}.about .about-content{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto;perspective:10px}.bottom-section{width:100%;background-color:#00070d;position:relative;z-index:2;top:100%;transform:translateZ(-10px) scale(2);transform-style:preserve-3d;padding:25rem 2rem 0;display:flex;flex-direction:column;align-items:center}.bottom-section .connect-text{color:hsla(0,0%,100%,.8);text-align:center;width:100%;font-size:2rem}.bottom-section .copyright{text-transform:capitalize;color:hsla(0,0%,100%,.6);text-align:center;width:100%;padding-top:3rem}.skills-section{width:100%;height:100vh;background-color:#2d3748;position:relative;z-index:3;top:100%;scale:2;translate:0 0 -10px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:space-around}.skills-section .skills-text{text-align:center;color:hsla(0,0%,100%,.7);text-transform:capitalize;z-index:4;width:25vw;scale:.5;translate:17vw 0 10px;font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:0}.skills-section .badge-container{display:flex;flex-wrap:wrap;position:relative;width:60%;justify-content:center;align-items:center}.skills-section .badge-container .badge-box{margin:6px 3px;padding:.5rem;border:2px solid #000;border-radius:10px}.skills-section .badge-container .badge-box img{width:100%;max-height:3rem}@media screen and (max-width:1000px){.skills-section{flex-direction:column}.skills-section .skills-text{width:80%;translate:0 0 0;scale:1}.skills-section .badge-container{width:90%}}.overview{height:100vh;width:100%;padding-left:10vw;translate:0 0 -20px;transform-style:preserve-3d;color:hsla(0,0%,100%,.8);scale:1.3}.overview .overview-head{scale:3;translate:-30rem -30rem -20px;transform-style:preserve-3d;color:#fff}.overview .overview-head p{font-size:2.8rem;font-weight:700}.overview .overview-head p span{color:#4ea84e}.overview .overview-tabs{scale:7;translate:-65vw -200px -80px;margin-top:1rem}.overview .overview-tabs,.overview .overview-tabs-2{transform-style:preserve-3d;text-align:justify;display:flex}.overview .overview-tabs-2{scale:8;translate:-92vw 100rem -100px;margin-top:3rem}.overview img{border:2px solid #00070d;pointer-events:none;scale:2;translate:60rem 0 -5px;transform-style:preserve-3d;position:absolute;top:-10rem;right:-8rem;display:block}@media screen and (max-width:1215px){.overview img{display:none}}@media screen and (max-width:1000px){.overview .overview-tabs,.overview .overview-tabs-2{display:flex;flex-direction:column;align-items:center;justify-content:center}.overview .overview-tabs-2{translate:-18vw 320vw -100px}.overview .overview-tabs .summary-tab:nth-of-type(2){translate:35vw -8px -32px!important}.overview .overview-tabs-2 .summary-tab:nth-of-type(2){scale:1.2!important;translate:35vw -7rem -32px!important}.overview .overview-head{width:100%;text-align:center;translate:-25rem -40rem -20px;scale:2.5}.overview .overview-head p{width:150%}}.summary-tab{position:relative;font-size:1.6rem;margin-right:3rem;transform-style:preserve-3d;padding:1rem;min-width:570px;width:570px;background-color:#050c12;border-radius:10px;border-left:5px solid #aaa;display:flex;flex-direction:column;justify-content:space-between}.summary-tab .link{display:flex;align-items:center;cursor:pointer;font-size:1.2rem;color:#ccc;margin-top:.5rem}.summary-tab .link svg{margin-left:.5rem}.summary-tab .link:hover{color:#fff}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000}.tooltip .tooltiptext{visibility:hidden;background-color:#121214;color:#fff;text-align:center;border-radius:6px;padding:5px 0;width:120px;bottom:115%;left:50%;margin-left:-60px;box-shadow:1px 1px 5px 1px rgba(0,0,0,.3);position:absolute;z-index:1;opacity:0;transition:opacity 1s}.tooltip .tooltiptext:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#121214}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}