@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap);.fourth-wrapper{height:200vh;width:100%;overflow:hidden}.fourth-page-container{height:100vh;width:100%;display:flex;align-items:center;flex-direction:column;justify-content:start;box-sizing:border-box;background-color:var(--backgroundColor);padding:1rem;position:relative}.fourth-page-container img{-o-object-fit:cover;object-fit:cover}.fourth-page-components,.fourth-page-container img{position:absolute;top:0;left:0;height:100%;width:100%}.fourth-page-components{overflow:hidden}.fourth-page-title{position:absolute;top:0;left:0;width:100%;height:20%;display:flex;align-items:center;justify-content:center}.fourth-page-title span{color:#000;font-size:3rem}.project-components{position:absolute;top:20%;left:0;height:80%;width:100%;display:flex;flex-wrap:wrap;overflow-y:scroll;background-color:#1a1a1a}.project-components span{flex:1 1 25%;height:50%;background-color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;position:relative}.project-components span img{height:100%;width:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;transition:opacity .5s ease}.project-components span:hover img{opacity:.5}.proj-span{height:100%;width:100%;z-index:1;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;box-sizing:border-box;gap:1rem;padding:1rem;opacity:0;font-size:1rem;transition:opacity .5s ease}.proj-title{font-size:1.5rem;letter-spacing:.1rem}.proj-link{width:30%;height:10%;background-color:#fff;color:#000;border-radius:10px;display:flex;align-items:center;justify-content:center}.project-components span:hover .proj-span{opacity:1}@media screen and (max-width:800px){.fourth-page-title span{font-size:2.5rem}.project-components span{flex:1 1 100%;height:70%}}.home-wrapper{height:100vh;display:flex;align-items:start;justify-content:center}.homepage-container{height:100%;width:100%;border:none;box-sizing:border-box}.wrapper{height:100%;width:100%;display:flex;background-color:#000}.left-container{height:100%;width:55%;background-color:var(--backgroundColor);clip-path:polygon(0 0,100% 0,81% 100%,0 100%);display:flex;align-items:end;justify-content:center;flex-direction:column}.left-about-container{height:50%;text-align:left;gap:3rem;flex-direction:column;padding:1rem;.left-title{font-size:5rem}.left-name{font-size:3rem}.left-desc{color:#909090;font-size:1.5rem}}.left-about-container,.left-button-container{width:80%;display:flex;align-items:start;justify-content:start;box-sizing:border-box}.left-button-container{height:30%;gap:2rem;padding:.5rem}.left-button-container span{height:3rem;width:3rem;background-color:#fff;box-shadow:0 3px 3px #909090;align-items:center;justify-content:center;display:flex;color:#000;box-sizing:border-box;padding:.3rem;font-size:1.8rem;border-radius:10px;cursor:pointer}.right-container{height:100%;width:50%;background-color:#000;align-items:center;overflow:hidden;justify-content:start;display:flex}.right-container img{height:100%;overflow:hidden;width:80%;-o-object-fit:cover;object-fit:cover;scale:1}@media screen and (max-width:800px){.bottom-container{display:none;height:0}.wrapper{align-items:center;justify-content:center;position:relative;height:100%}.right-container{align-items:start;justify-content:start}.right-container,.right-container img{height:100%;width:100%}.left-container{z-index:2;position:absolute;height:44%;width:100%;clip-path:polygon(0 35%,100% 2%,100% 100%,0 100%);bottom:0;left:0;background-color:rgba(60,61,55,.9);align-items:center;justify-content:center}.left-about-container{margin-top:5rem;width:100%;box-sizing:border-box;gap:.5rem;height:auto;flex-direction:column;.left-title{font-size:2.5rem;-webkit-text-stroke:.5px #fff;color:#000;position:relative}.left-name{font-size:1.2rem;color:#fff}.left-desc{font-size:1rem}}.left-button-container{width:100%;height:auto;align-items:center;justify-content:center;margin-bottom:2.2rem;padding:0}.left-button-container span{position:relative;width:2.2rem;height:2.2rem;font-size:1.5rem;top:0;right:0;flex-direction:column;box-shadow:none}}@media screen and (max-width:300px){.bottom-container{display:none;height:0}.wrapper{align-items:center;justify-content:center;position:relative;height:100%}.right-container{align-items:start;justify-content:start}.right-container,.right-container img{height:100%;width:100%}.left-container{position:absolute;height:44%;width:100%;clip-path:polygon(0 35%,100% 2%,100% 100%,0 100%);bottom:0;left:0;align-items:center;justify-content:center}.left-about-container{margin-top:5rem;width:100%;padding:1rem;box-sizing:border-box;gap:.5rem;height:auto;flex-direction:column;.left-title{font-size:2.5rem;-webkit-text-stroke:.5px #fff;color:#000;position:relative}.left-name{font-size:1.2rem;color:#fff}.left-desc{font-size:1rem}}.left-button-container{width:100%;align-items:center;justify-content:center;margin-bottom:2.2rem}.left-button-container span{position:relative;width:2.2rem;height:2.2rem;font-size:1.5rem;top:0;right:0;box-shadow:none;flex-direction:column}}.last-page-container{height:100vh;width:100%;background-color:var(--backgroundColor);display:flex;align-items:center;justify-content:start;flex-direction:column;box-sizing:border-box;padding:1rem}.contact-title{font-size:3rem;box-sizing:border-box;padding:1rem}.resume{margin-top:3rem;font-size:1.5rem;height:5rem;width:auto;gap:1rem}.resume,.resume a{display:flex;align-items:center;justify-content:center}.resume a{height:3rem;width:8rem;background-color:#fff;font-size:2.3rem;color:#000;cursor:pointer;text-decoration:none;-webkit-text-stroke:1px #000;color:transparent;border-radius:10px}.social-media{height:80%;width:100%;display:flex;align-items:center;justify-content:start;flex-direction:column;box-sizing:border-box;padding:2rem}.social-title{overflow:hidden;font-size:2rem}.social-media-components{height:80%;width:60%;display:flex;margin-top:1rem;align-items:start;justify-content:start;gap:1rem;flex-direction:column}.social-media-components span{height:4rem;width:100%;background-color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:start;font-size:2rem;gap:25%;cursor:pointer;text-align:center;overflow:hidden}.social-media-components span img{height:90%;width:20%;-o-object-fit:contain;object-fit:contain}.social-media-components span p{color:#000}.end-text{height:30%;width:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:2rem}@media screen and (max-width:800px){.last-page-container{padding:.3rem}.contact-title{font-size:2.5rem}.resume{margin-top:1rem;font-size:1.2rem;text-align:center}.resume span{font-size:1.5rem}.social-media{padding:.3rem}.social-title{margin-top:1rem;font-size:1.3rem;text-align:center}.social-media-components{width:100%;height:auto}.social-media-components span{height:3rem;width:100%;font-size:1.2rem;box-sizing:border-box;padding:.3rem}.end-text{margin-top:2rem;width:100%;height:auto;font-size:1.3rem}}@media screen and (max-width:300px){.last-page-container{padding:.3rem}.contact-title{font-size:2.5rem}.resume{margin-top:1rem;font-size:1rem;text-align:center}.resume span{font-size:1.5rem}.social-media{padding:.3rem}.social-title{font-size:1.2rem;text-align:center}.social-media-components{width:100%;height:auto}.social-media-components span{height:3rem;width:100%;font-size:1.2rem;box-sizing:border-box;padding:.3rem}.end-text{margin-top:2rem;width:100%;height:auto;font-size:1.3rem}}.second-page-container{min-height:100vh;width:100%;z-index:2;background-color:var(--backgroundColor);justify-content:start;flex-direction:column;padding-bottom:3rem}.about-me-container,.second-page-container{display:flex;align-items:center;box-sizing:border-box}.about-me-container{width:18%;padding:.8rem;font-size:2rem;color:#000;margin-top:2rem;justify-content:center;gap:.5rem}#explore{font-size:2rem;box-sizing:border-box;padding:.5rem;text-align:center}.about-me-description{margin-top:5rem;text-align:center;font-size:1.3rem;padding-left:14rem;padding-right:14rem;height:auto}.about-me-areas{margin-top:5rem;width:80%;overflow:hidden;height:auto;align-items:center;justify-content:start;display:flex;flex-direction:column;box-sizing:border-box;padding:2rem;gap:2rem}.speciality-description{width:100%;height:100%;overflow:hidden;flex-wrap:wrap;display:flex;align-items:start;justify-content:center;gap:3rem}.speciality-description span{flex:1 1 35%;height:auto;color:#000;position:relative;box-sizing:border-box;padding:.5rem}.speciality-description span img{position:absolute;left:0;top:0;opacity:.5;height:40%}.title{font-size:2rem;margin:2rem;letter-spacing:.2rem;font-weight:600}.desciption{text-align:center}@media screen and (max-width:800px){.second-page-container{height:auto}.about-me-container{width:70%;font-size:1.5rem;padding:1rem}.about-me-areas{padding:.5rem}.about-me-description{padding:1rem;font-size:1rem;height:auto}#explore{width:100%;padding:1rem;font-size:1.3rem}.speciality-description span{flex:1 1 100%;padding:0;text-align:center}.speciality-description span img{height:6rem}.title{font-size:1.2rem;margin:1rem}}@media screen and (max-width:300px){.second-page-container{height:auto}.about-me-container{width:70%;font-size:1.3rem;padding:1rem}.about-me-areas{padding:.5rem}.about-me-description{padding:1rem;font-size:1rem;height:auto}#explore{width:100%;padding:1rem;font-size:1.3rem}.speciality-description span{flex:1 1 100%;padding:0;text-align:center}.speciality-description span img{height:30%}.title{font-size:1.2rem;margin:1rem}}.third-page-container{height:auto;background-color:var(--backgroundColor);overflow:hidden;padding-bottom:5rem}.third-page-components,.third-page-container{width:100%;display:flex;align-items:center;justify-content:start;flex-direction:column}.third-page-components{height:100%;overflow:visible;gap:5rem}.skill-title{font-size:3rem;padding:.5rem;width:20%;opacity:1;background-color:transparent;justify-content:center}.skill-container1,.skill-title{box-sizing:border-box;display:flex;align-items:center}.skill-container1{height:auto;width:90%;justify-content:start;gap:8rem;flex-direction:column;padding:1rem}.row{height:100%;width:100%;display:flex;align-items:center;justify-content:space-between}.row-title{font-size:2rem}.row-title,.skill-component{height:100%;width:50%;display:flex;align-items:center;justify-content:center}.skill-component{gap:1rem}.skill-container1 span img{-o-object-fit:contain;object-fit:contain;width:6rem}.skill-container2{height:auto;width:90%;display:flex;align-items:center;justify-content:start;gap:8rem;flex-direction:column;box-sizing:border-box;padding:1rem}.skill-container2 span img{-o-object-fit:contain;object-fit:contain;width:6rem}.skill-container3{height:auto;width:90%;display:flex;align-items:center;justify-content:start;gap:8rem;flex-direction:column;box-sizing:border-box;padding:1rem}.skill-container3 span img{-o-object-fit:contain;object-fit:contain;width:6rem}.skill-container4{height:auto;width:90%;background-color:#fff;display:flex;align-items:center;justify-content:start;gap:8rem;flex-direction:column;box-sizing:border-box;padding:1rem}.skill-container4 span img{-o-object-fit:contain;object-fit:contain;width:6rem}@media screen and (max-width:800px){.third-page-container{padding-bottom:3rem}.third-page-components{gap:3rem;padding-bottom:5rem}.skill-container1{padding:.4rem;gap:3rem;width:100%}.skill-title{width:100%;font-size:2rem}.row{flex-direction:column;gap:2rem}.row-title{width:80%;border-bottom:1px solid #000;padding-bottom:15px;font-size:1.5rem;text-align:center}.skill-component{width:100%;flex-direction:column}.skill-component span img{-o-object-fit:cover;object-fit:cover;width:5rem}}@media screen and (max-width:300px){.third-page-container{padding-bottom:3rem}.third-page-components{gap:3rem;padding-bottom:5rem}.skill-container1{padding:.4rem;gap:3rem;width:100%}.skill-title{width:100%;font-size:2rem}.row{flex-direction:column;gap:2rem}.row-title{width:80%;border-bottom:1px solid #000;padding-bottom:15px;font-size:1.5rem;text-align:center}.skill-component{width:100%;flex-direction:column}.skill-component span img{-o-object-fit:cover;object-fit:cover;width:3.5rem}}body{margin:0;width:100%;background-color:#fff}:root{--violet:#6e15c5;--violet2:rgba(37,3,79,.7);--violet3:rgba(28,0,61,.3);--blue:#275998;--blue2:rgba(17,30,109,.7);--blue3:rgba(2,1,79,.3);--backgroundColor:#363062}html{margin:0}*,html{font-family:Lexend,sans-serif;color:#fff}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none;overflow-x:hidden}